/* Emilia Workspace compatibility layer over Emilia Core Tokens v2 (issue 4971).
   emilia-core-tokens.css (a byte-identical copy of assets/images/brand/tokens/emilia-core-tokens.css, enforced by
   test) loads first. This file only maps names Workspace code still uses to v2 tokens, following the manual's
   "What changed from v1" tables. It defines no value of its own: when no file uses a name, delete it here. New code
   uses the v2 semantic tokens directly. Artifacts embed this layer too (api/src/artifacts/brand.ts). */
/* DM Sans is served by Workspace (public/fonts) and embedded into artifacts from this url (artifact brand loader). */
@font-face {
  font-display: swap;
  font-family: "DM Sans";
  font-stretch: 100%;
  font-style: normal;
  font-weight: 400 700;
  src: url("/fonts/dm-sans-400-700.woff2") format("woff2");
}

:root {
  color-scheme: light;
  color: var(--ink);
  background: var(--ground);
  font-family: var(--font-sans);
  font-synthesis: none;
  text-rendering: optimizeLegibility;

  /* Removed in v2 (manual: "Removed" table) */
  --brand-fill: var(--action-primary);
  --brand-fill-hover: var(--action-primary-hover);
  --brand-text: var(--ink-2);                 /* links are ink-2, underlined; coral never on text */
  --brand-wash: var(--sunken);
  --coral-300: var(--brand);
  --type-metric-label-size: var(--type-caption-strong-size);
  --type-metric-label-line: var(--type-caption-strong-line);
  --tracking-figures: var(--type-metric-tracking);
  --tracking-label: var(--type-eyebrow-tracking);
  /* v1 names without a v2 counterpart, mapped to the v2 step that does the same job */
  --type-small-size: var(--type-body-size);   /* v1 small was 14/20, v2 body is 14/20 */
  --type-small-line: var(--type-body-line);
  --pad-tile: var(--space-4);
  --placeholder: var(--ink-3);
  --rail-surface: var(--rail-active);

  /* Workspace aliases, now on v2 semantic tokens */
  --disabled: var(--ink-disabled);
  --chart-demand: var(--data-3);
  --chart-floor: var(--data-1);
  --chart-kitchen: var(--data-4);
  --chart-bar: var(--data-2);
  --overlay: var(--shadow-overlay);
  --accent: var(--action-primary);
  --accent-strong: var(--ink);
  --border: var(--line);
  --muted: var(--ink-2);
  --navy: var(--rail);
  --surface-strong: var(--sunken);
  --text: var(--ink);

  --good: var(--signal-positive-text);
  --good-solid: var(--signal-positive);
  --good-wash: var(--signal-positive-wash);
  --watch: var(--signal-caution-text);
  --watch-solid: var(--signal-caution);
  --watch-wash: var(--signal-caution-wash);
  --priority-solid: var(--signal-negative);
  --priority-wash: var(--signal-negative-wash);
  --none: var(--evidence-none);
  --none-solid: var(--evidence-none);
  --none-wash: var(--evidence-wash);

  --emilia-link: var(--ink-2);
  --emilia-radius: var(--radius-container);
  --emilia-radius-control: var(--radius-control);
  --emilia-chart-floor: var(--data-1);
  --emilia-chart-kitchen: var(--data-4);
  --emilia-chart-bar: var(--data-2);
  --emilia-space-4: var(--space-1);
  --emilia-space-8: var(--space-2);
  --emilia-space-12: var(--space-3);
  --emilia-space-16: var(--space-4);
  --emilia-space-20: var(--space-4);
  --emilia-space-24: var(--space-5);
  --emilia-space-32: var(--space-6);
  --emilia-space-40: var(--space-6);
  --emilia-space-48: var(--space-7);
  --emilia-space-72: var(--space-8);
  --emilia-space-96: var(--space-9);
  --emilia-text-body: var(--type-body-size);
  --emilia-text-support: var(--type-body-size);
  --emilia-type-body: var(--type-body-size);
  --emilia-type-small: var(--type-body-size);
  --emilia-type-label: var(--type-label-size);
  --emilia-type-evidence: var(--type-caption-size);
  --emilia-type-h3: var(--type-h3-size);
  --emilia-type-metric: var(--type-metric-size);
  --emilia-type-metric-lg: var(--type-metric-size);

  --emilia-coral: var(--brand);
  --emilia-coral-dark: var(--ink-2);
  --emilia-indigo: var(--rail);
  --emilia-purple: var(--product-operations);
  --emilia-background: var(--ground);
  --emilia-blush: var(--sunken);
  --emilia-border: var(--line);
  --emilia-destructive: var(--signal-negative);
  --emilia-surface: var(--surface);
  --emilia-surface-muted: var(--sunken);
  --emilia-surface-strong: var(--sunken);
  --emilia-text: var(--ink);
  --emilia-text-muted: var(--ink-2);
  --emilia-text-on-dark: var(--rail-ink);
  --emilia-text-on-dark-muted: var(--rail-ink-2);
  --emilia-action-primary: var(--action-primary);
  --emilia-action-primary-foreground: var(--on-action-primary);
  --emilia-action-primary-hover: var(--action-primary-hover);
  --emilia-action-secondary: var(--ink);
  --emilia-input-border: var(--line-strong);
  --emilia-focus-ring: var(--focus-ring);
  --emilia-signal-positive: var(--signal-positive-text);
  --emilia-signal-positive-soft: var(--signal-positive-wash);
  --emilia-signal-warning: var(--signal-caution-text);
  --emilia-signal-warning-soft: var(--signal-caution-wash);
  --emilia-signal-critical: var(--signal-negative-text);
  --emilia-signal-critical-soft: var(--signal-negative-wash);
  --emilia-signal-neutral: var(--evidence-none);
  --emilia-signal-neutral-soft: var(--evidence-wash);
  --emilia-font-display: var(--font-sans);
  --emilia-font-body: var(--font-sans);
  --emilia-font-evidence: var(--font-sans);
  --emilia-font-number: var(--font-sans);
  --emilia-text-page-title: var(--type-display-size);
  --emilia-line-page-title: var(--type-display-line);
  --emilia-weight-page-title: var(--type-title-weight);
  --emilia-tracking-page-title: var(--type-title-tracking);
  --emilia-text-component-title: var(--type-h3-size);
  --emilia-leading-title: calc(var(--type-h3-line) / var(--type-h3-size));
  --emilia-radius-pill: var(--radius-pill);
  --emilia-shadow-soft: none;
  --emilia-shadow-dialog: var(--shadow-overlay);
  --emilia-error-surface: var(--signal-negative-wash);
  --emilia-error-border: var(--signal-negative);
  --emilia-error-text: var(--signal-negative-text);
}

/* Element defaults the former v1 copy carried; values come from v2 tokens. */
html, body, button, input, select, textarea { font-family: var(--font-sans); }
.emilia-display, .emilia-page-title {
  font-family: var(--font-sans); font-size: var(--type-display-size); font-weight: var(--type-display-weight);
  letter-spacing: var(--type-display-tracking); line-height: var(--type-display-line);
}
.emilia-component-title {
  font-family: var(--font-sans); font-size: var(--type-h3-size); font-weight: var(--type-h3-weight);
  letter-spacing: var(--type-h3-tracking); line-height: var(--type-h3-line);
}
.emilia-metric {
  font-family: var(--font-sans); font-variant-numeric: proportional-nums; font-weight: var(--type-metric-weight);
  letter-spacing: var(--type-metric-tracking);
}
.emilia-evidence, code, kbd, samp { font-family: var(--font-sans); font-variant-numeric: tabular-nums; font-weight: 400; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible,
summary:focus-visible, [tabindex]:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important; animation-iteration-count: 1 !important;
    scroll-behavior: auto !important; transition-duration: 0.01ms !important;
  }
}