/* styles/tokens.css — Design tokens. Single source of truth for colour, type scale and spacing.
   Extracted from the former single-file monolith. */

:root {
      --color-bg:        #141210;
      --color-surface:   #1c1a17;
      --color-surface-2: #221f1b;
      --color-border:    #3a3731;
      --color-divider:   #1f1e1c;

      --color-text:       #f0ece2;
      --color-text-muted: #a09890;
      --color-text-faint: #4a4844;
      --color-text-inverse: #0a0908;

      --color-gold:        #d4ae52;
      --color-gold-light:  #ead48a;
      --color-gold-dim:    #6b5520;
      --color-gold-glow:   rgba(201,168,76,0.12);

      --font-display: 'Cormorant Garamond', Georgia, serif;
      --font-body:    'Jost', 'Helvetica Neue', sans-serif;

      --text-xs:   clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
      --text-sm:   clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
      --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
      --text-lg:   clamp(1.125rem, 1rem + 0.75vw, 1.5rem);
      --text-xl:   clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);
      --text-2xl:  clamp(2rem, 1.2rem + 2.5vw, 3.5rem);
      --text-3xl:  clamp(2.5rem, 1rem + 4vw, 5rem);
      --text-hero: clamp(3rem, 0.5rem + 7vw, 8rem);

      --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;   /* was referenced by sections.css but never defined */
      --space-8:  2rem;
      --space-10: 2.5rem;
      --space-12: 3rem;
      --space-16: 4rem;
      --space-20: 5rem;
      --space-24: 6rem;
      --space-32: 8rem;

      --content-narrow:  640px;
      --content-default: 960px;
      --content-wide:    1200px;

      --radius-sm: 0.25rem;
      --radius-md: 0.5rem;
      --radius-lg: 1rem;

      --transition: 200ms cubic-bezier(0.16, 1, 0.3, 1);
      --shadow-gold: 0 0 40px rgba(201,168,76,0.15);
    }

:root {
      --color-bg:        #141210;
      --color-surface:   #1c1a17;
      --color-surface-2: #221f1b;
      --color-border:    #3a3731;
    }

:root {
      --color-bg:        #1a1714;
      --color-surface:   #221e1a;
      --color-surface-2: #2a2520;
      --color-surface-3: #302b25;
      --color-border:    #403b34;
      --color-divider:   #2e2a24;

      --color-text:       #f2ede3;
      --color-text-muted: #b0a898;
      --color-text-faint: #6a6358;

      --color-gold:        #d4ae52;
      --color-gold-light:  #ead48a;
      --color-gold-dim:    #7a6228;
      --color-gold-glow:   rgba(212,174,82,0.14);
    }