/* Emilia tokens v2.0 · 26 Oct 2026 · light only
   Reference: Reemplazos (shape, tone, size), Manager (product colors), Agent (variance, evidence).
   Components use semantic tokens only. Never primitives, never raw hex. */
:root{
  color-scheme: light;

  /* Primitives */
  --graphite-0: #FFFFFF;
  --graphite-25: #F9FCFB;
  --graphite-50: #F5F8F6;
  --graphite-100: #EFF3F2;
  --graphite-200: #E6EBE9;
  --graphite-300: #D6DCDA;
  --graphite-400: #B8C0BC;
  --graphite-500: #8A938F;
  --graphite-600: #646E6A;
  --graphite-700: #56605C;
  --graphite-800: #39423E;
  --graphite-850: #28302C;
  --graphite-900: #1D2522;
  --graphite-925: #181E1B;
  --graphite-950: #131916;
  --coral-500: #FA5252;
  --red-100: #FEECEA;
  --red-200: #FFCDC8;
  --red-300: #FF958E;
  --red-400: #F06B66;
  --red-500: #C33437;
  --red-600: #A42127;
  --red-700: #7C1118;
  --red-800: #3A1A18;
  --orange-100: #FEECE3;
  --orange-200: #FECFB9;
  --orange-300: #F2A680;
  --orange-400: #DD7F4E;
  --orange-500: #B65416;
  --orange-600: #923E01;
  --orange-700: #6D2C00;
  --orange-800: #35190A;
  --yellow-100: #FFF3E0;
  --yellow-200: #F4D9B9;
  --yellow-300: #E8B86A;
  --yellow-400: #D1984C;
  --yellow-500: #B4761A;
  --yellow-600: #905C01;
  --yellow-700: #6E4601;
  --yellow-800: #3A2A10;
  --green-100: #E6F4EA;
  --green-200: #C5E4CE;
  --green-300: #7FCB9B;
  --green-400: #67AD81;
  --green-500: #2E7D4F;
  --green-600: #226B42;
  --green-700: #124F2E;
  --green-800: #14301F;
  --teal-100: #E0F5F3;
  --teal-200: #B8E6E0;
  --teal-300: #78CCC4;
  --teal-400: #3BB0A7;
  --teal-500: #06867F;
  --teal-600: #046963;
  --teal-700: #004D49;
  --teal-800: #032926;
  --blue-100: #E7F1FF;
  --blue-200: #C6DDFB;
  --blue-300: #97BEEF;
  --blue-400: #6D9EDC;
  --blue-500: #4376B6;
  --blue-600: #2E5C95;
  --blue-700: #1D4371;
  --blue-800: #142235;
  --purple-100: #F4ECFE;
  --purple-200: #E2D3F6;
  --purple-300: #C7ADE8;
  --purple-400: #AB89D2;
  --purple-500: #8560AC;
  --purple-600: #69498C;
  --purple-700: #4E336A;
  --purple-800: #261C32;
  --pink-100: #FFEAF2;
  --pink-200: #FACCDF;
  --pink-300: #ECA1C1;
  --pink-400: #D579A3;
  --pink-500: #AE4E7D;
  --pink-600: #8D3862;
  --pink-700: #6A2648;
  --pink-800: #331724;

  /* Semantic */
  --ground: var(--graphite-25);
  --surface: var(--graphite-0);
  --sunken: var(--graphite-100);
  --line: var(--graphite-200);
  --line-strong: var(--graphite-300);
  --ink: var(--graphite-900);
  --ink-2: var(--graphite-700);
  --ink-3: var(--graphite-600);
  --ink-disabled: var(--graphite-500);
  --rail: var(--graphite-950);
  --rail-active: var(--graphite-850);
  --rail-line: var(--graphite-850);
  --rail-ink: var(--graphite-50);
  --rail-ink-2: var(--graphite-400);
  --brand: var(--coral-500);
  --action-primary: var(--graphite-900);
  --action-primary-hover: var(--graphite-800);
  --on-action-primary: var(--graphite-0);
  --action-secondary: var(--graphite-100);
  --action-secondary-hover: var(--graphite-200);
  --on-action-secondary: var(--graphite-900);
  --action-outline-border: var(--graphite-300);
  --action-outline-hover: var(--graphite-100);
  --focus-ring: var(--graphite-900);
  --signal-positive: var(--green-500);
  --signal-positive-text: var(--green-600);
  --signal-positive-wash: var(--green-100);
  --signal-caution: var(--yellow-500);
  --signal-caution-text: var(--yellow-600);
  --signal-caution-wash: var(--yellow-100);
  --signal-negative: var(--red-500);
  --signal-negative-text: var(--red-600);
  --signal-negative-wash: var(--red-100);
  --priority: var(--red-500);
  --evidence-full: var(--graphite-900);
  --evidence-partial: var(--graphite-700);
  --evidence-none: var(--graphite-600);
  --evidence-wash: var(--graphite-100);
  --product-coach: var(--blue-600);
  --product-coach-wash: var(--blue-100);
  --product-operations: var(--purple-600);
  --product-operations-wash: var(--purple-100);
  --product-sentinela: var(--teal-600);
  --product-sentinela-wash: var(--teal-100);
  --data-1: var(--blue-500);
  --data-2: var(--teal-400);
  --data-3: var(--orange-500);
  --data-4: var(--purple-500);
  --data-other: var(--graphite-500);
  --seq-100: var(--blue-100);
  --seq-200: var(--blue-200);
  --seq-300: var(--blue-300);
  --seq-400: var(--blue-400);
  --seq-500: var(--blue-500);
  --seq-600: var(--blue-600);
  --seq-700: var(--blue-700);
  --div-low-3: var(--orange-600);
  --div-low-2: var(--orange-400);
  --div-low-1: var(--orange-200);
  --div-mid: var(--graphite-200);
  --div-high-1: var(--blue-200);
  --div-high-2: var(--blue-400);
  --div-high-3: var(--blue-600);
  --scrim: rgba(19, 25, 22, 0.32);
  --magnitude-100: #2E7D4F;
  --magnitude-200: #78955C;
  --magnitude-300: #AFA562;
  --magnitude-400: #E8B86A;
  --magnitude-500: #DF9058;
  --magnitude-600: #DB6D4F;
  --magnitude-700: #C33437;

  /* Type: DM Sans only */
  --font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --type-display-size: 28px; --type-display-line: 36px; --type-display-weight: 400; --type-display-tracking: -0.015em;
  --type-title-size: 24px; --type-title-line: 32px; --type-title-weight: 600; --type-title-tracking: -0.018em;
  --type-h2-size: 20px; --type-h2-line: 28px; --type-h2-weight: 600; --type-h2-tracking: -0.01em;
  --type-h3-size: 16px; --type-h3-line: 24px; --type-h3-weight: 600; --type-h3-tracking: 0;
  --type-metric-size: 24px; --type-metric-line: 32px; --type-metric-weight: 600; --type-metric-tracking: 0.01em;
  --type-body-size: 14px; --type-body-line: 20px; --type-body-weight: 400; --type-body-tracking: 0;
  --type-table-size: 13px; --type-table-line: 18px; --type-table-weight: 400; --type-table-tracking: 0;
  --type-table-strong-size: 13px; --type-table-strong-line: 18px; --type-table-strong-weight: 600; --type-table-strong-tracking: 0;
  --type-caption-size: 12px; --type-caption-line: 16px; --type-caption-weight: 400; --type-caption-tracking: 0;
  --type-caption-strong-size: 12px; --type-caption-strong-line: 16px; --type-caption-strong-weight: 600; --type-caption-strong-tracking: 0;
  --type-label-size: 11px; --type-label-line: 16px; --type-label-weight: 600; --type-label-tracking: 0;
  --type-eyebrow-size: 11px; --type-eyebrow-line: 16px; --type-eyebrow-weight: 600; --type-eyebrow-tracking: 0.08em;

  /* Shape, size, space, depth */
  --radius-none: 0;
  --radius-marker: 4px;
  --radius-small: 8px;
  --radius-control: 12px;
  --radius-container: 20px;
  --radius-pill: 999px;
  --h-control: 34px;
  --h-field-lg: 56px;
  --h-chip: 20px;
  --h-topbar: 52px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --space-9: 96px;
  --shadow-overlay: 0 8px 24px -8px rgba(14, 19, 17, 0.18);
  --duration-1: 80ms; --duration-2: 120ms; --duration-3: 160ms; --duration-4: 180ms; --duration-5: 200ms;
}
@media (prefers-reduced-motion: reduce){ :root{ --duration-1:0ms; --duration-2:0ms; --duration-3:0ms; --duration-4:0ms; --duration-5:0ms; } }