/*
 * Brightway Consultancy — tokens.css
 * Design tokens (CSS custom properties on :root).
 * Single source of truth = design-system/MASTER.md §3–§8.
 * Loaded first (no dependency). Vanilla CSS, no preprocessor.
 */

:root {
	/* ---------------------------------------------------------------------
	 * 1. COLOR — semantic palette (MASTER.md §3.1 · BRIEF §3, locked)
	 * ------------------------------------------------------------------- */

	/* Surfaces */
	--bwc-bg:            #0A0A0A; /* warm deep black — ~65% surface; NOT #000 */
	--bwc-bg-elevated:   #131313; /* card / raised surface */
	--bwc-bg-raised:     #1A1A1A; /* nested raised (Double-Bezel inner) */

	/* Text (muted/subtle are pre-baked over bg — never use opacity on text) */
	--bwc-text:          #F5F1E8; /* sand off-white — ~20%; NOT #FFF */
	--bwc-text-muted:    #AFACA5; /* F5F1E8 @ ~70% baked */
	--bwc-text-subtle:   #807E79; /* F5F1E8 @ ~50% baked */

	/* Accent 1 — CTA red (~7%) */
	--bwc-accent-red:        #E30613;
	--bwc-accent-red-hover:  #C30510; /* ~12% darker — hover only */
	--bwc-accent-red-soft:   rgba(227, 6, 19, 0.08);

	/* Accent 2 — trust / culture emerald (~5%) */
	--bwc-accent-emerald:        #0B5345; /* deep institutional emerald — backgrounds and dark accents */
	--bwc-accent-emerald-text:   #4DBDA4; /* foreground emerald — calibrated for AA contrast on warm-dark surfaces (label, badge, hairline accent) */
	--bwc-accent-emerald-tint:   rgba(11, 83, 69, 0.05);
	--bwc-accent-emerald-soft:   rgba(11, 83, 69, 0.15); /* faint emerald wash — currently unused (reserved for soft variants e.g. success messages) */
	--bwc-accent-emerald-border: rgba(77, 189, 164, 0.35); /* hairline-alpha emerald border, reads on warm-dark */

	/* Accent 3 — luxe gold (~3%) — NEVER a fill wider than 4px */
	--bwc-accent-gold:          #C9A961;
	--bwc-accent-gold-40:       rgba(201, 169, 97, 0.40);
	--bwc-accent-gold-30:       rgba(201, 169, 97, 0.30);
	--bwc-accent-gold-hairline: rgba(201, 169, 97, 0.40);

	/* Metallic engrave gradient — keyword accents inside Fraunces H1/H2 only
	 * (clipped to glyphs via background-clip:text). Anchored on the
	 * --bwc-accent-gold midtone (#C9A961) so it stays Desert-muted, NOT the
	 * brighter brand-logo gold. Vertical engrave: highlight top → midtone →
	 * shadow bottom, reads as incised metal on large serif display.
	 * Deliberately never used at ≤12px (eyebrows stay flat gold — a gradient
	 * is invisible at that size and muddies the strokes). */
	--bwc-accent-gold-grad: linear-gradient(180deg, #E8CE86 0%, #C9A961 45%, #A8863F 100%);

	/* Derived warm-neutral grey ramp (MASTER.md §3.2 — TENTATIVE,
	 * reconcile if Brightway France exact values surface) */
	--bwc-grey-900: #121212;
	--bwc-grey-800: #1E1D1B;
	--bwc-grey-700: #2B2A27;
	--bwc-grey-600: #3D3B37;
	--bwc-grey-500: #57544E;
	--bwc-grey-400: #767268;
	--bwc-grey-300: #98938A;
	--bwc-grey-200: #BBB6AC;
	--bwc-grey-100: #D8D3C8;

	/* ---------------------------------------------------------------------
	 * 2. TYPOGRAPHY — font stacks (MASTER.md §4.1) + fluid scale (§4.3)
	 * ------------------------------------------------------------------- */
	--bwc-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
	--bwc-font-body:    'Barlow', system-ui, -apple-system, sans-serif;
	--bwc-font-mono:    'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;

	--bwc-fs-eyebrow: 10px; /* NOT fluid — always exactly 10px */
	--bwc-fs-xs:      clamp(0.75rem,  0.70rem + 0.25vw, 0.875rem);
	--bwc-fs-sm:      clamp(0.875rem, 0.80rem + 0.375vw, 1rem);
	--bwc-fs-base:    clamp(1rem,     0.90rem + 0.50vw, 1.125rem);
	--bwc-fs-lg:      clamp(1.25rem,  1.10rem + 0.75vw, 1.5rem);
	--bwc-fs-xl:      clamp(1.5rem,   1.30rem + 1.00vw, 2rem);
	--bwc-fs-2xl:     clamp(2rem,     1.60rem + 2.00vw, 3rem);
	--bwc-fs-3xl:     clamp(2.5rem,   1.80rem + 3.50vw, 4rem);
	--bwc-fs-display: clamp(3rem,     1.50rem + 5.00vw, 5rem);

	/* ---------------------------------------------------------------------
	 * 3. SPACING — 8pt base (MASTER.md §5)
	 * ------------------------------------------------------------------- */
	--bwc-space-1:  8px;
	--bwc-space-2:  16px;
	--bwc-space-3:  24px;
	--bwc-space-4:  32px;
	--bwc-space-5:  40px;
	--bwc-space-6:  48px;
	--bwc-space-7:  56px;
	--bwc-space-8:  64px;
	--bwc-space-10: 80px;
	--bwc-space-12: 96px;
	--bwc-space-16: 128px;
	--bwc-space-20: 160px;

	--bwc-section-py: clamp(3rem, 2rem + 4vw, 5.5rem);

	/* ---------------------------------------------------------------------
	 * 4. MOTION — durations + easings (MASTER.md §6 · Emil / BRIEF §5)
	 * ------------------------------------------------------------------- */
	--bwc-dur-press:    120ms;
	--bwc-dur-tooltip:  160ms;
	--bwc-dur-dropdown: 200ms;
	--bwc-dur-modal:    320ms; /* documented >300ms exception (modals/drawers) */
	--bwc-dur-reveal:   800ms; /* decorative scroll-entry reveals */

	--bwc-ease-out:    cubic-bezier(0.23, 1, 0.32, 1);
	--bwc-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1); /* CUSTOM curve, NOT the
		banned built-in CSS ease-in-out keyword */
	--bwc-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
	/* --bwc-ease-in is DELIBERATELY UNDEFINED — banned by BRIEF §5 */

	/* ---------------------------------------------------------------------
	 * 5. Z-INDEX — systemic layers only (MASTER.md §7)
	 * ------------------------------------------------------------------- */
	--bwc-z-base:     0;
	--bwc-z-sticky:   10;
	--bwc-z-dropdown: 20;
	--bwc-z-modal:    50;
	--bwc-z-toast:    60;
	--bwc-z-cursor:   9999;

	/* ---------------------------------------------------------------------
	 * 6. LAYOUT (MASTER.md §8)
	 * ------------------------------------------------------------------- */
	--bwc-container-max: 1440px;
	--bwc-content-max:   72ch;
	--bwc-grid-cols:     12;
	--bwc-grid-gap:      clamp(1rem, 0.5rem + 1.5vw, 2rem);

	/* ---------------------------------------------------------------------
	 * 7. BORDER RADII — Double-Bezel concentric pair (MASTER.md §9.3)
	 * Only the Double-Bezel pair (outer + derived inner) lives in :root
	 * because the inner radius must stay concentric with the outer
	 * (inner = outer − shell padding). All other component radii —
	 * pill 999px, input 8px, trust badge 4px — stay inline in
	 * components.css per MASTER spec, because they are single-purpose
	 * and carry no derived relationship to maintain.
	 * ------------------------------------------------------------------- */
	--bwc-radius-outer: 32px;
	--bwc-radius-inner: calc(var(--bwc-radius-outer) - 6px); /* = 26px, concentric */
}

/*
 * AUDIT — Phase 5 partial (2026-05-19)
 * Scope audited: tokens.css + base.css + typography.css.
 *
 * emil-design-eng (Before/After review):
 *   0 violation. The 3 files define tokens, reset and typographic specs
 *   only — no transitions, no hover, no :active, no animation. Interactive
 *   states (:active scale(.97), hover gating @media (hover:hover) and
 *   (pointer:fine), asymmetric enter/exit, full prefers-reduced-motion
 *   override) are enforced in components.css (Phase 6) and utilities.css
 *   (Phase 5 complete).
 *   Token checks: --bwc-ease-in NOT defined; --bwc-ease-in-out is a CUSTOM
 *   cubic-bezier(0.77,0,0.175,1), distinct from the banned CSS keyword;
 *   UI durations <=300ms (press 120 / tooltip 160 / dropdown 200);
 *   modal 320ms and reveal 800ms are the documented Emil exceptions
 *   (modals/drawers, decorative scroll reveals).
 *
 * high-end-visual-design (Absolute Zero):
 *   0 violation. Fonts: Fraunces + Barlow + JetBrains Mono (no Inter /
 *   Roboto / Arial / Helvetica / Open Sans / Space Grotesk). Colors:
 *   #0A0A0A / #F5F1E8 (no pure #000 / #FFF). No transition:all, no
 *   scale(0), no built-in ease-in / ease-in-out / linear on UI.
 *   Shadows / borders / layouts / icons not in this phase's scope.
 *
 * Result: 0 blocking violation. Ready for Phase 5 partial commit.
 */

/*
 * AUDIT — Phase 5 complete, tokens.css addendum (2026-05-20)
 *
 * Scope of this addendum: section "7. BORDER RADII" only — added in
 * TAIL position (after section 6 LAYOUT, before the closing `:root`
 * brace). ZERO renumbering of sections 1–6; delta strictly additive
 * (12 lines + 2 tokens, no existing line touched).
 *
 * Tokens added (MASTER.md §9.3 literal prescription):
 *   --bwc-radius-outer: 32px (Double-Bezel shell)
 *   --bwc-radius-inner: calc(var(--bwc-radius-outer) - 6px)
 *     → concentric, auto-maintained via calc() so the bezel arcs
 *       stay parallel if --bwc-radius-outer is ever retuned.
 *
 * Inline radii (NOT promoted to :root, intentional): pill 999px /
 * input 8px / trust badge 4px — single-purpose per component,
 * no derived relationship to maintain.
 *
 * emil-design-eng / Absolute Zero: out of scope (radii are static
 * values, no motion or color concerns introduced).
 *
 * Result: 0 blocking violation. Contract with MASTER §9.3 honored.
 */

/*
 * AUDIT — Phase 5 complete, tokens.css comments-only addendum (2026-05-20, post-visual)
 *
 * Scope: comments-only repurposing on lines 31-32 (--bwc-accent-emerald-soft
 * and --bwc-accent-emerald-border). Token values unchanged.
 *
 * Context: trust badge component switched from filled (MASTER §9.6 spec)
 * to outline-only after the 2026-05-20 visual review (deviation logged
 * inside components.css §6 component header). The two tokens lose their
 * original consumer but stay declared, with comments updated to reflect
 * their availability as reserved soft-emerald primitives (success
 * messages, future emerald-soft variants).
 *
 * Result: 0 token added, 0 token removed, 0 value changed. Comments only.
 */