/* Design tokens — single source of truth for the AIA platform UI.
   Derived from the hi-fi Case Detail design + AIA brand constants.
   Components consume the semantic aliases; raw scale values are reached
   only through them or by deliberate scale reference. */
:root {
  /* Brand scale */
  --green-900: #052319;
  --green-700: #1f5f33;
  --green-600: #287841;
  --green-500: #46b469;
  --green-300: #46f082;
  --mint: #f0fffa;
  --red-500: #ff2d2d;
  --blue-500: #1950ff;
  --yellow-300: #faf06e;

  /* Neutral (warm-green gray) scale */
  --neutral-50: #f4f6f5;
  --neutral-100: #edf0ee;
  --neutral-200: #e0e4e2;
  --neutral-300: #d8dedb;
  --neutral-400: #b9c2be;
  --neutral-500: #8a938f;
  --neutral-600: #6b7270;
  --neutral-700: #3d4744;
  --page-bg-outer: #e9edeb; /* outside-canvas reference from the mock; unused in-app */

  /* Surfaces & borders */
  --color-bg: #ffffff;
  --color-surface: #ffffff;
  --color-surface-subtle: var(--neutral-50);
  --color-surface-tint: var(--mint);
  --color-border: var(--neutral-200);
  --color-border-input: var(--neutral-300);
  --color-divider: var(--neutral-100);
  --color-border-tint: rgba(40, 120, 65, 0.16);
  --color-border-tint-strong: rgba(40, 120, 65, 0.3);
  --color-surface-paper: #fbfdf9;

  /* Text */
  --color-text: var(--green-900);
  --color-text-secondary: var(--neutral-700);
  --color-text-muted: var(--neutral-600);
  --color-text-faint: var(--neutral-500);
  --color-text-placeholder: var(--neutral-400);

  /* Interactive */
  --color-link: var(--green-600);
  --color-link-hover: var(--green-700);
  --color-accent: var(--green-300);
  --color-primary: var(--green-600);
  --color-danger: var(--red-500);
  --color-warning: var(--yellow-300);
  --color-info: var(--blue-500);
  --color-success: var(--green-600);

  /* App bar */
  --nav-bg: var(--green-900);
  --nav-text: rgba(240, 255, 250, 0.72);
  --nav-text-active: var(--mint);
  --nav-accent: var(--green-300);

  /* Radii & elevation (mock is flat: borders, no card shadows) */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 999px;
  --shadow-overlay: 0 4px 16px rgba(5, 35, 25, 0.12);

  /* Spacing — 4px scale (unchanged from the previous token set) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* Type */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 15px;
  --text-lg: 16px;
  --text-xl: 18px;
  --text-2xl: 24px;
  --text-3xl: 32px;
  --text-line-height: 1.5;
  --weight-normal: 400;
  --weight-bold: 700;
  --tracking-caps: 1px;
  --tracking-tight: -0.5px;

  /* Focus */
  --focus-ring: 2px solid var(--green-600);
}