/* ─── CRR Design Tokens ──────────────────────────────────── */
:root {
  /* Colors */
  --color-base:           #FFFFFF;
  --color-surface:        #F5F4F0;
  --color-surface-2:      #E7E4DC;
  --color-text-primary:   #111111;
  --color-text-secondary: #4D4D4D;
  --color-text-muted:     #767676;
  --color-accent:         #C9A84C;
  --color-accent-text:    #8A6F28;
  --color-error:          #CC3333;
  --color-ink:            #111111;

  /* Typography */
  --font-display: 'Barlow Condensed', sans-serif;
  --font-body:    'Inter', sans-serif;
  --fw-bold:      700;
  --fw-medium:    500;
  --fw-regular:   400;

  /* Spacing (8px unit) */
  --s1: 8px;
  --s2: 16px;
  --s3: 24px;
  --s4: 32px;
  --s5: 40px;
  --s6: 48px;
  --s8: 64px;

  /* Layout */
  --max-w:        1200px;
  --max-w-text:   720px;
  --radius:       4px;
  --header-h:     56px;

  /* Transitions */
  --t-fast:  150ms ease;
  --t-base:  300ms ease-out;
}