/* ═══════════════════════════════════════════
   Lex Aeterna — Design Tokens
   Amit B. Cohen Law Firm
═══════════════════════════════════════════ */

:root {
  /* ── Colors ─────────────────────────── */
  --navy:              #0B1F3A;
  --navy-deep:         #071628;
  --teal:              #006A6A;
  --teal-dark:         #004F4F;
  --teal-light:        #9DEEED;
  --gold:              #E5C281;
  --gold-light:        #F5DCA0;
  --gold-dim:          #B8892A;

  --surface:           #F8F9FB;
  --surface-low:       #F2F4F6;
  --surface-container: #EDEEF0;
  --surface-high:      #E7E8EA;
  --white:             #FFFFFF;

  --ink:               #191C1E;
  --muted:             #44474D;
  --border:            #C4C6CE;
  --border-light:      rgba(196, 198, 206, 0.3);

  --error:             #BA1A1A;
  --success:           #006A6A;

  /* ── Typography ─────────────────────── */
  --font-heading: 'Heebo', 'Manrope', sans-serif;
  --font-body:    'Heebo', 'Inter', sans-serif;

  --text-display:  clamp(2.8rem, 5.5vw, 3.75rem);
  --text-h1:       clamp(2rem, 4vw, 2.8rem);
  --text-h2:       clamp(1.75rem, 3vw, 2.25rem);
  --text-h3:       1.5rem;
  --text-h4:       1.25rem;
  --text-lg:       1.25rem;
  --text-base:     1rem;
  --text-sm:       0.875rem;
  --text-xs:       0.75rem;
  --text-stat:     clamp(2.5rem, 4vw, 3.25rem);

  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold:600;
  --weight-bold:    700;
  --weight-black:   900;

  --leading-tight:  1.1;
  --leading-snug:   1.3;
  --leading-normal: 1.5;
  --leading-relaxed:1.7;

  /* ── Spacing ─────────────────────────── */
  --container:     80rem;   /* 1280px */
  --section-lg:    8rem;
  --section-md:    5rem;
  --gutter:        2rem;
  --stack:         1.5rem;
  --gap:           1rem;

  /* ── Radii ───────────────────────────── */
  --r-sm:   0.25rem;
  --r-md:   0.75rem;
  --r-lg:   1rem;
  --r-xl:   1.5rem;
  --r-2xl:  2rem;
  --r-full: 9999px;

  /* ── Shadows ─────────────────────────── */
  --shadow-card:   0 8px 30px rgba(11,31,58,0.06);
  --shadow-hover:  0 20px 60px rgba(11,31,58,0.10);
  --shadow-form:   0 20px 60px rgba(11,31,58,0.08);
  --shadow-nav:    0 2px 20px rgba(11,31,58,0.04);
  --shadow-float:  0 4px 20px rgba(11,31,58,0.12);

  /* ── Transitions ─────────────────────── */
  --ease-fast:   0.15s ease;
  --ease-base:   0.3s ease;
  --ease-slow:   0.5s ease;
  --ease-spring: 0.4s cubic-bezier(0.34,1.56,0.64,1);
}