/* website/tokens.css */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Inter:wght@300;400;500&display=swap');

:root {
  /* Colors */
  --color-bg:            #1a1a2e;
  --color-bg-deep:       #0d0d1a;
  --color-surface:       #252540;
  --color-border:        #252540;
  --color-gold:          #c9a84c;
  --color-gold-light:    #e8cc7a;
  --color-text:          #f5f0e8;
  --color-text-secondary:#d4cfc6;
  --color-text-muted:    #a09880;
  --color-text-faint:    #6b6455;
  --color-crimson:       #c0392b;

  /* Typography */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-ui:      'Inter', system-ui, -apple-system, sans-serif;

  /* Type scale */
  --text-display-lg: 2.25rem;
  --text-display-md: 1.5rem;
  --text-display-sm: 1.25rem;
  --text-body-lg:    1.0625rem;
  --text-body-md:    0.9375rem;
  --text-label:      0.75rem;

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

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
}