/* n'dritare Design Tokens */
:root {
  /* Palette */
  --bg:           #1A1510;
  --surface:      #231E17;
  --surface-2:    #2D261C;
  --border:       #3D3328;
  --amber:        #C96A3D;
  --amber-light:  #D98050;
  --gold:         #E8C47A;
  --gold-dim:     #C9A75A;
  --cream:        #F5ECD7;
  --cream-dim:    #D4C5A9;
  --muted:        #9A8B73;
  --muted-dark:   #6B5E4A;

  /* Typography */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'IBM Plex Sans', system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', 'Courier New', monospace;

  /* Type Scale */
  --text-xs:   0.75rem;    /* 12px */
  --text-sm:   0.875rem;   /* 14px */
  --text-base: 1rem;       /* 16px */
  --text-md:   1.25rem;    /* 20px */
  --text-lg:   1.5rem;     /* 24px */
  --text-xl:   2rem;       /* 32px */
  --text-2xl:  3rem;       /* 48px */
  --text-3xl:  4rem;       /* 64px */
  --text-4xl:  5rem;       /* 80px */

  /* Spacing */
  --sp-1:  0.5rem;
  --sp-2:  1rem;
  --sp-3:  1.5rem;
  --sp-4:  2rem;
  --sp-5:  3rem;
  --sp-6:  4rem;
  --sp-7:  6rem;
  --sp-8:  8rem;

  /* Layout */
  --max-w:     1200px;
  --max-w-sm:  720px;
  --radius:    0.375rem;
  --radius-lg: 0.75rem;

  /* Transitions */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur:  200ms;
}