/* Convenience aliases mapping canonical Material 3 system-token names
   (--md-sys-color-*, --md-sys-shape-*) onto the raw Figma variable names in fig-tokens.css.
   Components author against these; the Figma names remain the source of truth. */
:root {
  /* Color roles */
  --md-sys-color-primary: var(--schemes-primary);
  --md-sys-color-on-primary: var(--schemes-on-primary);
  --md-sys-color-primary-container: var(--schemes-primary-container);
  --md-sys-color-on-primary-container: var(--schemes-on-primary-container);
  --md-sys-color-secondary: var(--schemes-secondary);
  --md-sys-color-on-secondary: var(--schemes-on-secondary);
  --md-sys-color-secondary-container: var(--schemes-secondary-container);
  --md-sys-color-on-secondary-container: var(--schemes-on-secondary-container);
  --md-sys-color-tertiary: var(--schemes-tertiary);
  --md-sys-color-on-tertiary: var(--schemes-on-tertiary);
  --md-sys-color-tertiary-container: var(--schemes-tertiary-container);
  --md-sys-color-on-tertiary-container: var(--schemes-on-tertiary-container);
  --md-sys-color-error: var(--schemes-error);
  --md-sys-color-on-error: var(--schemes-on-error);
  --md-sys-color-error-container: var(--schemes-error-container);
  --md-sys-color-on-error-container: var(--schemes-on-error-container);
  --md-sys-color-background: var(--schemes-background);
  --md-sys-color-on-background: var(--schemes-on-background);
  --md-sys-color-surface: var(--schemes-surface);
  --md-sys-color-on-surface: var(--schemes-on-surface);
  --md-sys-color-surface-variant: var(--schemes-surface-variant);
  --md-sys-color-on-surface-variant: var(--schemes-on-surface-variant);
  --md-sys-color-surface-dim: var(--schemes-surface-dim);
  --md-sys-color-surface-bright: var(--schemes-surface-bright);
  --md-sys-color-surface-container-lowest: var(--schemes-surface-container-lowest);
  --md-sys-color-surface-container-low: var(--schemes-surface-container-low);
  --md-sys-color-surface-container: var(--schemes-surface-container);
  --md-sys-color-surface-container-high: var(--schemes-surface-container-high);
  --md-sys-color-surface-container-highest: var(--schemes-surface-container-highest);
  --md-sys-color-outline: var(--schemes-outline);
  --md-sys-color-outline-variant: var(--schemes-outline-variant);
  --md-sys-color-inverse-surface: var(--schemes-inverse-surface);
  --md-sys-color-inverse-on-surface: var(--schemes-inverse-on-surface);
  --md-sys-color-inverse-primary: var(--schemes-inverse-primary);
  --md-sys-color-surface-tint: var(--schemes-surface-tint);
  --md-sys-color-scrim: var(--schemes-scrim);
  --md-sys-color-shadow: var(--schemes-shadow);

  /* Shape corners (unitless float × 1px at use site, except --corner-full which is a pill) */
  --md-sys-shape-corner-none: 0;
  --md-sys-shape-corner-extra-small: calc(var(--corner-extra-small) * 1px);
  --md-sys-shape-corner-small: calc(var(--corner-small) * 1px);
  --md-sys-shape-corner-medium: calc(var(--corner-medium) * 1px);
  --md-sys-shape-corner-large: calc(var(--corner-large) * 1px);
  --md-sys-shape-corner-large-increased: calc(var(--corner-large-increased) * 1px);
  --md-sys-shape-corner-extra-large: calc(var(--corner-extra-large) * 1px);
  --md-sys-shape-corner-extra-large-increased: calc(var(--corner-extra-large-increased) * 1px);
  --md-sys-shape-corner-extra-extra-large: calc(var(--corner-extra-extra-large) * 1px);
  --md-sys-shape-corner-full: 9999px;

  /* Elevation shadows (M3 levels 0–5) */
  --md-sys-elevation-0: none;
  --md-sys-elevation-1: 0 1px 2px 0 rgba(0,0,0,0.3), 0 1px 3px 1px rgba(0,0,0,0.15);
  --md-sys-elevation-2: 0 1px 2px 0 rgba(0,0,0,0.3), 0 2px 6px 2px rgba(0,0,0,0.15);
  --md-sys-elevation-3: 0 1px 3px 0 rgba(0,0,0,0.3), 0 4px 8px 3px rgba(0,0,0,0.15);
  --md-sys-elevation-4: 0 2px 3px 0 rgba(0,0,0,0.3), 0 6px 10px 4px rgba(0,0,0,0.15);
  --md-sys-elevation-5: 0 4px 4px 0 rgba(0,0,0,0.3), 0 8px 12px 6px rgba(0,0,0,0.15);
}