/* ═══════════════════════════════════════════════════════════
   DESIGN TOKENS  —  drpjp website
   Single source of truth. Import this first in every CSS file.
═══════════════════════════════════════════════════════════ */

:root {
  /* ── Palette ── */
  --navy:           #0b1a2e;
  --navy-mid:       #112240;
  --navy-light:     #1a3560;
  --navy-glass:     rgba(11, 26, 46, 0.92);

  --gold:           #c9a84c;
  --gold-light:     #e8c96a;
  --gold-pale:      #f5e6c0;
  --gold-dim:       rgba(201, 168, 76, 0.18);

  --teal:           #1aaca0;
  --teal-light:     #22cfc0;
  --teal-dim:       rgba(26, 172, 160, 0.12);

  --cream:          #fdf8f0;
  --cream-dark:     #f2ebe0;
  --white:          #ffffff;

  --text:           #1a1a2e;
  --text-secondary: #4a5568;
  --muted:          #7a8fa8;

  --success:        #2e9e6b;
  --warning:        #d97706;
  --error:          #dc2626;

  /* ── Borders ── */
  --border-gold:    rgba(201, 168, 76, 0.22);
  --border-light:   rgba(255, 255, 255, 0.08);
  --border-dark:    rgba(11, 26, 46, 0.12);

  /* ── Shadows ── */
  --shadow-sm:      0 2px 8px rgba(11, 26, 46, 0.08);
  --shadow-md:      0 8px 32px rgba(11, 26, 46, 0.12);
  --shadow-lg:      0 20px 60px rgba(11, 26, 46, 0.16);
  --shadow-gold:    0 8px 40px rgba(201, 168, 76, 0.2);

  /* ── Typography ── */
  --font-display:   'Playfair Display', 'Georgia', serif;
  --font-body:      'Outfit', 'Segoe UI', sans-serif;
  --font-nepali:    'Noto Sans Devanagari', 'Outfit', sans-serif;
  --font-mono:      'JetBrains Mono', 'Courier New', monospace;

  --text-xs:   0.75rem;   /* 12px */
  --text-sm:   0.8125rem; /* 13px */
  --text-base: 1rem;      /* 16px */
  --text-md:   1.0625rem; /* 17px */
  --text-lg:   1.125rem;  /* 18px */
  --text-xl:   1.25rem;   /* 20px */
  --text-2xl:  1.5rem;    /* 24px */
  --text-3xl:  1.875rem;  /* 30px */
  --text-4xl:  2.25rem;   /* 36px */
  --text-5xl:  3rem;      /* 48px */
  --text-6xl:  3.75rem;   /* 60px */

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

  /* ── Layout ── */
  --container:   1200px;
  --section-pad: clamp(72px, 10vw, 120px);

  /* ── Radii ── */
  --r-sm:   4px;
  --r-md:   8px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-full: 9999px;

  /* ── Motion ── */
  --ease:         cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out:     cubic-bezier(0, 0, 0.2, 1);
  --t-fast:       0.15s;
  --t-base:       0.3s;
  --t-slow:       0.6s;
  --t-slower:     0.9s;

  /* ── Z-index scale ── */
  --z-base:     1;
  --z-raised:   10;
  --z-overlay:  100;
  --z-modal:    200;
  --z-nav:      500;
  --z-toast:    900;
  --z-noise:    9999;
}