/* @engine-css-slot:start id="SLOT_CSS_ROOT_TOKENS" v="2.4.0" rev="1" layer="L5" vector="EDITORIAL_SHOWCASE_MASTHEAD" checksum="ast_2aa1251e" proof="prf_f0012989" */
@property --animation-reduced {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}

:root {
  --animation-reduced: 1;

  /* PARADIGM 68: UNIVERSAL COMPILER-PROVENANCE ATTESTATION TOKENS */
  --engine-compiled: "true";
  --engine-compilation-epoch: "1774000000000";
  --engine-compilation-hash: "cpa_4cdb181d8f2e";
  --engine-version: "2.4.0";
  --engine-steering-rev: "1";

  /* L5 Visual Design Tokens (Light Polarity) */
  --bg-canvas: #FAF9F6;
  --bg-elevated: #FFFFFF;
  --bg-subtle: #F2EFEB;
  --ink-primary: #171716;
  --ink-secondary: #65655F;
  --ink-muted: #888780;
  --accent-primary: #171716;
  --accent-hover: #000000;
  --accent-soft: #E6E4DF;
  --btn-primary-ink: #FFFFFF;
  --border-subtle: #DED5C5;
  --border-strong: #64748B;
  --status-ok-bg: #DCFCE7;
  --status-ok-ink: #14532D;
  --status-warn-bg: #FEF3C7;
  --status-warn-ink: #78350F;
  --status-err-bg: #FEE2E2;
  --status-err-ink: #7F1D1D;

  /* L6 Graphic Design Tokens (Typography & Chamfer Geometry) */
  --font-display: 'Onest', -apple-system, sans-serif;
  --font-sans: 'DM Sans', -apple-system, sans-serif;
  --font-serif: 'Instrument Serif', Georgia, serif;
  --font-mono: 'JetBrains Mono', monospace;
  --tracking-display: 0.02em;
  --radius-chassis: 4px;
  --radius-card: 16px;
  --radius-pill: 999px;
  --radius-sm: 16px;
  --radius-md: 4px;
  --radius-lg: 4px;

  /* L7 Motion Design Tokens (Temporal Choreography & Physics) */
  --ease-kinetic: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-micro: 120ms;
  --duration-macro: 280ms;

  /* Paradigm 47: Teleological Kinematics & Modern Motion Architecture (TKMA) */
  --spring-mass: 1;
  --spring-stiffness: 180;
  --spring-damping: 24;
  --spring-velocity: 0;
  --ease-spring-responsive: linear(0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%, 0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 60.7%, 1.001 77.4%, 1);
  --ease-spring-overdamped: cubic-bezier(0.16, 1, 0.3, 1);
  --view-transition-duration: calc(var(--duration-macro) * var(--animation-reduced, 1));

  /* Teleological Design System (TDS) Hierarchy & Dual-Trust Tokens */
  --tds-scale-ratio: 1.25;
  --tds-prop-display-size: clamp(6.5rem, 13.7vw, 14.8rem);
  --tds-climax-scale: 1.0em;
  --tds-prop-viewport-mass: 65%;
  --tds-climax-accent: #F7F6F2;
  --tds-trust-system-color: #B3B2AB;
  --tds-trust-user-color: #777670;
  --tds-tier1-rem: 1.95rem;
  --tds-tier2-rem: 1.56rem;
  --tds-tier3-rem: 1.25rem;

  /* Paradigm 40 & 73: Teleological Spatial Choreography & Unified Surface Tokens */
  --shape-corner-xl: 4px;
  --theme-surface-surface-container: var(--bg-elevated);
  --space-xl: 1.5rem;
  --space-2xl: 2.5rem;
  --bento-gutter: 1.5rem;

  /* Paradigm 41: Dynamic Ambient Tactility Tokens */
  --spotlight-radius: 240px;
  --spotlight-color: #F7F6F2;
  --scroll-stagger-delay: 100ms;
  --numeric-rollup-duration: 240ms;

  /* Paradigm 48: Teleological Visual Language & Sub-Pixel Spatial Architecture */
  --accent-primary-oklch: oklch(0.85 0.24 142);
  --accent-primary-tint: color-mix(in oklab, var(--accent-primary) 85%, white 15%);
  --accent-primary-shade: color-mix(in oklab, var(--accent-primary) 75%, black 25%);
  --surface-glass: color-mix(in oklab, var(--bg-elevated) 70%, transparent 30%);
  --font-size-display: clamp(2.0rem, 1.5rem + 2.5cqi, 3.25rem);
  --font-size-h2: clamp(1.4rem, 1.1rem + 1.5cqi, 2.0rem);
  --font-size-h3: clamp(1.1rem, 0.95rem + 0.8cqi, 1.35rem);
  --font-size-body: clamp(0.9rem, 0.85rem + 0.3cqi, 1.05rem);
  --line-height-display: 1.15;
  --line-height-body: 1.5;
  --measure-reading: 68ch;

  --z-header: 1100;
  --z-drawer: 1200;
}

html[data-theme="dark"] {
  /* L5 Visual Design Tokens (Dark Observatory Polarity) */
  --bg-canvas: #080807;
  --bg-elevated: #171716;
  --bg-subtle: #0F0F0E;
  --ink-primary: #F7F6F2;
  --ink-secondary: #B3B2AB;
  --ink-muted: #777670;
  --accent-primary: #F7F6F2;
  --accent-hover: #FFFFFF;
  --accent-soft: #262624;
  --btn-primary-ink: #0B1120;
  --border-subtle: #262624;
  --border-strong: #64748B;
  --status-ok-bg: #064E3B;
  --status-ok-ink: #D1FAE5;
  --status-warn-bg: #78350F;
  --status-warn-ink: #FEF3C7;
  --status-err-bg: #7F1D1D;
  --status-err-ink: #FEE2E2;

  --theme-surface-surface-container: var(--bg-elevated);
}
/* @engine-css-slot:end id="SLOT_CSS_ROOT_TOKENS" */