/* Design tokens — Scolaritéplus (Brightwheel-faithful: white + teal + navy) */
:root {
  /* Neutrals — pure white system */
  --c-bg: #FFFFFF;
  --c-surface: #FFFFFF;
  --c-surface-2: #F5F8FA;      /* light blue-gray section alt */
  --c-surface-tint: #E8F8FA;   /* teal wash */
  --c-surface-cool: #F4F7FA;
  --c-text: #16243D;           /* deep navy headings */
  --c-text-soft: #34435E;
  --c-text-muted: #5E6E87;
  --c-border: rgba(22, 36, 61, 0.10);
  --c-border-strong: rgba(22, 36, 61, 0.18);

  /* Teal — brand color (trust) */
  --c-accent: #0AA8B8;
  --c-accent-deep: #078291;
  --c-accent-soft: #7BD8E2;
  --c-accent-tint: #E2F6F8;
  --c-accent-glow: rgba(10, 168, 184, 0.28);

  /* Warm CTA — conversion color, distinct from brand */
  --c-cta: #F97316;
  --c-cta-deep: #EA580C;
  --c-cta-tint: #FFEDD5;
  --c-cta-glow: rgba(249, 115, 22, 0.30);

  /* Navy (secondary) */
  --c-primary: #16243D;
  --c-primary-2: #2E5C9E;
  --c-primary-tint: #EAF1F9;

  /* Mint (success) */
  --c-mint: #2EBE7E;
  --c-mint-soft: #D9F4E7;

  /* Brand green — matches the real ScolaritéPlus app */
  --c-brand: #1E7A46;
  --c-brand-deep: #176038;
  --c-brand-tint: #E4F2EA;

  /* Sun (stars / highlights) */
  --c-sun: #FFB938;
  --c-sun-soft: #FFF1D6;

  /* Coral (sparingly, secondary accent) */
  --c-coral: #FF7A50;
  --c-coral-tint: #FFEDE6;

  /* Typography */
  --ff-sans: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, sans-serif;
  --ff-display: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
  --ff-serif: 'Fraunces', Georgia, serif;
  --ff-ar: 'Noto Sans Arabic', system-ui, sans-serif;

  --fs-xs: clamp(0.75rem, 0.7rem + 0.2vw, 0.85rem);
  --fs-sm: clamp(0.875rem, 0.82rem + 0.25vw, 1rem);
  --fs-base: clamp(1rem, 0.95rem + 0.3vw, 1.125rem);
  --fs-lg: clamp(1.2rem, 1.1rem + 0.5vw, 1.4rem);
  --fs-xl: clamp(1.6rem, 1.3rem + 1.2vw, 2.2rem);
  --fs-2xl: clamp(2.2rem, 1.6rem + 2.6vw, 3.6rem);
  --fs-3xl: clamp(2.6rem, 1.8rem + 4.5vw, 5rem);

  /* Spacing */
  --s-1: 0.5rem;
  --s-2: 1rem;
  --s-3: 1.5rem;
  --s-4: 2rem;
  --s-5: 3rem;
  --s-6: 4rem;
  --s-7: 6rem;
  --s-8: 8rem;

  /* Radius */
  --r-sm: 0.5rem;
  --r-md: 0.875rem;
  --r-lg: 1.25rem;
  --r-xl: 1.75rem;
  --r-2xl: 2.25rem;
  --r-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(22, 36, 61, 0.05);
  --shadow-md: 0 4px 16px rgba(22, 36, 61, 0.07);
  --shadow-lg: 0 16px 48px rgba(22, 36, 61, 0.12);
  --shadow-card: 0 2px 12px rgba(22, 36, 61, 0.06);
  --shadow-cta: 0 6px 20px var(--c-cta-glow);

  /* Aliases (legacy pages) */
  --c-accent-2: var(--c-primary-2);
  --glass-bg: var(--c-surface);
  --glass-border: var(--c-border);
  --glass-blur: none;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur-med: 320ms;
  --dur-slow: 600ms;

  /* Layout */
  --container: 1240px;
  --container-narrow: 880px;
}

[data-theme="maroc"], [data-theme="international"] {
  --c-bg: #FFFFFF;
}