/* Design tokens - UC Brand v2 (classical) */
:root {
  --void:          #0a0a0f;
  --void-deep:     #05050a;
  --void-raised:   #12121a;
  --cream:         #f5f1e8;
  --cream-muted:   #b5b5b8;
  --cream-dim:     #a3a3ac;
  --gold:          #C9A961;
  --gold-hover:    #E0BF7A;
  --border:        #2a2a33;

  /* Aliases for existing templates */
  --ink-deepest:   var(--void);
  --ink-deep:      var(--void-raised);
  --ink-mid:       var(--border);
  --text-bright:   var(--cream);
  --text-body:     var(--cream);
  --text-muted:    var(--cream-muted);
  --text-quiet:    var(--cream-dim);

  --card-border:        rgba(201, 169, 97, 0.18);
  --card-border-hover:  rgba(201, 169, 97, 0.45);
  --card-glow:          0 10px 40px -10px rgba(201, 169, 97, 0.15);
  --card-glow-hover:    0 14px 48px -8px rgba(201, 169, 97, 0.25);

  --font-display:  "Cinzel", "Trajan Pro", Georgia, serif;
  --font-body:     "Cormorant Garamond", Georgia, serif;

  /* Type scale (modular 1.25). Use these, do not hardcode font-size. */
  --type-xs:      0.75rem;
  --type-sm:      0.875rem;
  --type-base:    1rem;
  --type-md:      1.125rem;
  --type-lg:      1.25rem;
  --type-xl:      1.5rem;
  --type-2xl:     2rem;
  --type-3xl:     2.5rem;
  --type-display: 3.25rem;

  /* Spacing scale.
     The token set is deliberately non-linear (1-4, 6, 8, 12, 16, 20, 24).
     Fallback tokens provided for every missing rung so `var(--space-5)` etc.
     never silently evaluate to nothing. */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-7:  1.75rem;
  --space-8:  2rem;
  --space-9:  2.25rem;
  --space-10: 2.5rem;
  --space-11: 2.75rem;
  --space-12: 3rem;
  --space-13: 3.25rem;
  --space-14: 3.5rem;
  --space-15: 3.75rem;
  --space-16: 4rem;
  --space-17: 4.25rem;
  --space-18: 4.5rem;
  --space-19: 4.75rem;
  --space-20: 5rem;
  --space-21: 5.25rem;
  --space-22: 5.5rem;
  --space-23: 5.75rem;
  --space-24: 6rem;

  --measure:   65ch;
  --container: 1200px;
  --radius:    4px;
  --radius-lg: 8px;
}