/* AI Value design tokens. One for one with the Figma variables in "AI Value Review Engine"
   (collections Primitives, Color, Spacing, Radius) and the brand board colours. */
:root {
  /* primitives */
  --green-deep: #0F3D35; --green-deep-2: #1B5248; --green-sage: #7F9D92; --green-sage-soft: #E6EDE9;
  --neutral-sand: #D7D2C7; --neutral-sand-soft: #F1EFEA; --neutral-ivory: #FAF9F6; --neutral-white: #FFFFFF;
  --neutral-charcoal: #1F2937; --neutral-slate: #5B6470; --neutral-mist: #B9B3A8; --red-alert: #B3261E; --amber-warn: #B7791F;
  /* semantic (Color collection) */
  --bg-page: var(--neutral-ivory); --bg-surface: var(--neutral-white); --bg-muted: var(--neutral-sand-soft);
  --bg-sidebar: var(--green-deep); --bg-sidebar-active: var(--green-deep-2); --bg-accent-soft: var(--green-sage-soft);
  --text-primary: var(--neutral-charcoal); --text-muted: var(--neutral-slate); --text-brand: var(--green-deep);
  --text-on-dark: var(--neutral-white); --text-on-dark-muted: var(--neutral-sand);
  --border: var(--neutral-sand); --border-strong: var(--green-deep);
  --accent: var(--green-deep); --accent-sage: var(--green-sage); --danger: var(--red-alert); --warning: var(--amber-warn); --placeholder: var(--neutral-mist);
  /* spacing */
  --spacing-xs: 4px; --spacing-sm: 8px; --spacing-md: 16px; --spacing-lg: 24px; --spacing-xl: 32px; --spacing-2xl: 48px;
  /* radius */
  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-full: 999px;
  /* type: Inter (EN), IBM Plex Sans Arabic (AR), Cormorant Garamond display */
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-arabic: "IBM Plex Sans Arabic", "SF Arabic", "Geeza Pro", "Noto Sans Arabic", system-ui, sans-serif;
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --sidebar-w: 236px;
}