/* Isharat Design Tokens — logo-extracted palette, WCAG 2.2 AA/AAA enhanced */

:root {
  /* --- Logo Extracted Base Hues --- */
  --logo-cyan: #129ed9;
  --logo-coral: #f36539;
  --logo-navy: #312e7b;

  /* --- WCAG 2.2 Compliant Primary Tokens --- */
  --color-primary: #129ed9;
  --color-primary-text: #0b6c97;
  --color-primary-hover: #085577;
  --color-primary-surface: #edf7fc;

  /* --- WCAG 2.2 Compliant Secondary Tokens --- */
  --color-secondary: #f36539;
  --color-secondary-button: #bd370e;
  --color-secondary-text: #c43b12;
  --color-secondary-surface: #fff8f5;

  /* --- High Contrast Typography & Neutral Tokens --- */
  --color-navy: #1e1b4b;
  --color-text-heading: #0f172a;
  --color-text-main: #1e293b;
  --color-text-muted: #475569;

  /* --- Surface & Card Tokens --- */
  --color-bg-body: #f8fafc;
  --color-bg-card: #ffffff;
  --color-bg-dark: #0f172a;
  --color-bg-dark-card: #1e293b;

  /* --- Utility / Status Tokens --- */
  --color-white: #ffffff;
  --color-border: #e2e8f0;
  --color-success: #0f8a5f;
  --color-warning: #b45309;
  --color-error: #c0273c;

  /* --- Focus Ring Token (WCAG 2.2 2.4.13) --- */
  --color-focus-ring: #0b6c97;
  --focus-ring-shadow: 0 0 0 4px rgba(11, 108, 151, 0.35);

  /* --- Spacing Scale --- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;
  --space-3xl: 6rem;

  /* --- Radius & Shadow --- */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --shadow-card: 0 10px 30px -10px rgba(15, 23, 42, 0.08);
  --shadow-elevated: 0 20px 45px -15px rgba(15, 23, 42, 0.18);

  /* --- Responsive Breakpoints (reference values; used in media queries) --- */
  --bp-mobile: 320px;
  --bp-tablet: 768px;
  --bp-desktop: 1024px;
  --bp-wide: 1440px;

  /* --- Motion --- */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;

  /* --- Container --- */
  --container-max: 1200px;
}