/* ============================================================
   LUMINOVA — Design Tokens
   All colors, typography, spacing, and transitions in one place.
   Import this first in every stylesheet.
   ============================================================ */

:root {
  /* --- Color Palette --- */
  --ink:        #0a0a0a;
  --cream:      #f5f0e8;
  --off-white:  #faf8f4;
  --gold:       #c8973a;
  --gold-light: #e8c06a;
  --muted:      #6b6355;
  --body-dark:  #3a352e;
  --body-mid:   #4a4540;
  --border:     rgba(200, 151, 58, 0.25);
  --border-ink: rgba(10, 10, 10, 0.1);

  /* --- Typography --- */
  --serif: 'Playfair Display', Georgia, serif;
  --sans:  'DM Sans', sans-serif;

  /* --- Spacing Scale --- */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  2rem;
  --space-lg:  4rem;
  --space-xl:  7rem;

  /* --- Radii --- */
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-pill: 100px;

  /* --- Transitions --- */
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;
  --transition-slow: 0.7s ease;

  /* --- Shadows --- */
  --shadow-gold: 0 0 40px rgba(200, 151, 58, 0.12);
}