/* tokens.css — Kaans v3 */
:root {
  /* ── Core palette ── */
  --c-navy:        #1A286D;
  --c-navy-mid:    #243488;
  --c-violet:      #7A4895;
  --c-violet-light:#9b63b8;
  --c-sky:         #B3CEED;
  --c-sky-light:   #dceaf9;
  --c-sky-pale:    #f0f5fc;

  /* ── Neutrals ── */
  --c-white:       #ffffff;
  --c-bg:          #f8fafd;
  --c-surface:     #ffffff;
  --c-border:      #e4ecf7;
  --c-ink:         #0e1a3d;
  --c-ink-mid:     #3d4f7a;
  --c-ink-soft:    #6b7a9e;
  --c-ink-muted:   #a0aec8;

  /* ── Accent vivid ── */
  --c-accent-a:    #c084fc;   /* lilac-purple */
  --c-accent-b:    #60a5fa;   /* electric blue */
  --c-accent-c:    #f472b6;   /* pink */

  /* ── Gradients ── */
  --g-brand:       linear-gradient(135deg, #1A286D 0%, #7A4895 100%);
  --g-brand-r:     linear-gradient(135deg, #7A4895 0%, #1A286D 100%);
  --g-hero-bg:     linear-gradient(160deg, #f0f5fc 0%, #e8eefa 40%, #f3edf8 100%);
  --g-card-accent: linear-gradient(135deg, #dceaf9 0%, #ede6f5 100%);
  --g-text-vivid:  linear-gradient(100deg, #3b82f6 0%, #7c3aed 45%, #db2777 100%);

  /* ── Typography ── */
  --font-display:  'Montserrat', sans-serif;
  --font-body:     'Poppins', sans-serif;

  /* ── Type scale ── */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  2rem;
  --text-4xl:  2.75rem;
  --text-5xl:  3.5rem;
  --text-6xl:  4.5rem;

  /* ── Spacing ── */
  --sp-1:  0.25rem;  --sp-2: 0.5rem;   --sp-3: 0.75rem;
  --sp-4:  1rem;     --sp-5: 1.25rem;  --sp-6: 1.5rem;
  --sp-8:  2rem;     --sp-10: 2.5rem;  --sp-12: 3rem;
  --sp-16: 4rem;     --sp-20: 5rem;    --sp-24: 6rem;
  --sp-32: 8rem;

  /* ── Radii ── */
  --r-sm:   6px;   --r-md:  12px;
  --r-lg:  20px;   --r-xl:  28px;
  --r-2xl: 40px;   --r-full: 9999px;

  /* ── Shadows ── */
  --shadow-xs:  0 1px 3px rgba(26,40,109,0.07);
  --shadow-sm:  0 2px 8px rgba(26,40,109,0.10);
  --shadow-md:  0 6px 24px rgba(26,40,109,0.13);
  --shadow-lg:  0 16px 48px rgba(26,40,109,0.16);
  --shadow-glow: 0 0 0 4px rgba(122,72,149,0.18);

  /* ── Transition ── */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 150ms;  --t-base: 280ms;  --t-slow: 500ms;

  /* ── Z ── */
  --z-nav: 100;  --z-modal: 200;
}