/*
 * Visual Handoff Addendum v0.1 compatibility layer.
 * Values express approved roles, not the final Website Design Token Freeze.
 */
:root {
  color-scheme: light;

  --brand-navy-deep: #031126;
  --brand-navy-strong: #071a38;
  --brand-navy: #0d2b55;
  --brand-navy-soft: #e9eef6;
  --brand-navy-faint: #f1f4f8;
  --brand-gold-accent: #d6a63a;
  --brand-gold-soft: #efd082;

  --color-bg-canvas: #f4f6f9;
  --color-surface: #ffffff;
  --color-surface-subtle: #f8fafc;
  --color-surface-selected: #edf3fa;
  --color-text: #10213b;
  --color-text-strong: #031126;
  --color-text-muted: #64748b;
  --color-border: #dce3ec;
  --color-border-strong: #a9b7c9;
  --color-focus-ring: #4f78a8;
  --color-action-primary: var(--brand-navy-strong);
  --color-action-primary-hover: var(--brand-navy);
  --color-action-primary-text: #ffffff;
  --color-action-secondary-bg: #ffffff;
  --color-action-secondary-hover: var(--brand-navy-faint);
  --color-action-secondary-border: #8797ab;
  --color-action-secondary-text: var(--brand-navy-strong);
  --color-header-bg: #031126;
  --color-header-border: #324059;
  --color-header-text: #ffffff;
  --color-header-text-muted: #d8e2ef;
  --color-success: #17644a;
  --color-success-bg: #edf8f3;
  --color-success-border: #87b9a6;
  --color-warning: #76510c;
  --color-warning-bg: #fff8e7;
  --color-warning-border: #d5ad55;
  --color-danger: #a72f35;
  --color-danger-bg: #fff1f1;
  --color-danger-border: #e8b7ba;
  --color-disabled: #8491a3;

  --font-family-ui: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-weight-medium: 600;
  --font-weight-strong: 750;
  --font-weight-heading: 850;
  --line-height-body: 1.5;

  --content-width: 1180px;
  --content-width-narrow: 840px;
  --content-width-login: 1120px;
  --control-height: 50px;
  --tap-target-min: 48px;

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --shadow-card: 0 12px 34px rgba(3, 17, 38, 0.08);
  --shadow-elevated: 0 22px 64px rgba(3, 17, 38, 0.18);
  --shadow-action: 0 8px 20px rgba(7, 26, 56, 0.16);
  --transition-fast: 120ms ease;
  --transition-state: 180ms ease;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;

  /* Compatibility aliases retained until the Website token adaptation pass. */
  --navy-950: var(--brand-navy-deep);
  --navy-900: var(--brand-navy-strong);
  --navy-800: var(--brand-navy);
  --navy-200: var(--color-border-strong);
  --navy-100: var(--brand-navy-soft);
  --gold-500: var(--brand-gold-accent);
  --gold-300: var(--brand-gold-soft);
  --ink: var(--color-text);
  --muted: var(--color-text-muted);
  --surface: var(--color-surface);
  --canvas: var(--color-bg-canvas);
  --line: var(--color-border);
  --danger: var(--color-danger);
  --danger-bg: var(--color-danger-bg);
  --success: var(--color-success);
  --shadow: var(--shadow-card);
  --font: var(--font-family-ui);
}