/* AB English design tokens — from the brand board (Deep Navy, Cobalt, Lime, Ivory; Manrope). */
:root {
  /* Brand */
  --navy: #101D35;
  --navy-800: #18284A;
  --navy-700: #22355E;
  --cobalt: #315BFA;
  --cobalt-600: #2449D6;
  --cobalt-50: #EEF2FF;
  --cobalt-100: #DCE4FF;
  --lime: #D6F16B;
  --lime-200: #EAF8B0;
  --ivory: #F7F5EF;
  --white: #FFFFFF;

  /* Neutrals */
  --ink: #101D35;
  --ink-2: #3D4863;
  --ink-3: #6B7389;
  --line: #E4E1D8;
  --line-strong: #CFCBBF;
  --surface: #FFFFFF;
  --bg: var(--ivory);

  /* Status */
  --success: #1F8A5B;
  --success-bg: #E6F5EC;
  --danger: #C8372D;
  --danger-bg: #FCEBEA;
  --warning: #9A6B00;
  --warning-bg: #FFF5D6;
  --info-bg: var(--cobalt-50);

  /* Type */
  --font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-ar: "IBM Plex Sans Arabic", "Manrope", system-ui, sans-serif;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-md: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2rem;
  --fs-3xl: clamp(2.25rem, 5vw, 3.75rem);
  --tracking-wide: 0.18em;

  /* Shape & space */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-pill: 999px;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --shadow-sm: 0 1px 2px rgba(16, 29, 53, 0.06);
  --shadow-md: 0 6px 24px rgba(16, 29, 53, 0.08);
  --focus: 0 0 0 3px rgba(49, 91, 250, 0.35);

  --sidebar-w: 248px;
}