/**
 * tokens.css — CSS custom properties mirroring theme.json, plus values
 * theme.json has no native concept for (transitions, easing, focus style).
 * Dark-mode values are provisional pending client sign-off
 * (ditechted-design-system.md's approval list) and are isolated here so a
 * later colour change touches only this block.
 */

:root {
	/* Colour (light — default) */
	--ditechted-bg-default: var(--wp--preset--color--ditechted-white);
	--ditechted-bg-surface: var(--wp--preset--color--ditechted-neutral-100);
	--ditechted-bg-inverse: var(--wp--preset--color--ditechted-black);
	--ditechted-text-primary: var(--wp--preset--color--ditechted-black);
	--ditechted-text-inverse: var(--wp--preset--color--ditechted-white);
	--ditechted-text-muted: var(--wp--preset--color--ditechted-neutral-600);
	--ditechted-brand-primary: var(--wp--preset--color--ditechted-primary-blue);
	--ditechted-brand-dark: var(--wp--preset--color--ditechted-dark-blue);
	--ditechted-brand-accent: var(--wp--preset--color--ditechted-accent-cyan);
	--ditechted-border-default: var(--wp--preset--color--ditechted-neutral-300);

	/* Transitions (no theme.json equivalent) */
	--ditechted-transition-fast: 120ms;
	--ditechted-transition-base: 250ms;
	--ditechted-easing-out: cubic-bezier(0.16, 1, 0.3, 1);
	--ditechted-easing-inout: ease-in-out;

	/* Focus */
	--ditechted-focus-color: var(--ditechted-brand-accent);
	--ditechted-focus-width: 2px;
	--ditechted-focus-offset: 2px;

	/* Radius — one token only, deliberately (no pill/lg token exists) */
	--ditechted-radius-sm: 4px;

	/* Header heights */
	--ditechted-header-height: 88px;
	--ditechted-header-height-condensed: 64px;

	/* Reading measure */
	--ditechted-measure: 42rem;
}

/* Dark mode — same structure, different values only. [CLIENT INPUT REQUIRED]
   — background/surface values are provisional, per
   ditechted-design-system.md §13's own flagged approval item. */
:root[data-theme="dark"] {
	--ditechted-bg-default: #0A0E12;
	--ditechted-bg-surface: #151A20;
	--ditechted-text-primary: var(--wp--preset--color--ditechted-white);
	--ditechted-text-muted: #9AA3AB;
	--ditechted-border-default: #2A3138;
}