/* ============================================================
   TOKENS — generated by index.php from data/site.json
   This file is the FALLBACK if PHP fails to inject.
   Do not edit values here directly; edit data/site.json via builder.
   ============================================================ */
:root {
  /* Color */
  --color-primary:      #E5532A;
  --color-primary-dark: #C24420;
  --color-primary-text: #FFFFFF;
  --color-cream:        #F5EDE0;
  --color-cream-dark:   #E8DCC4;
  --color-ink:          #1A1410;
  --color-ink-soft:     #5C4F3F;
  --color-ink-mute:     #9C8B7A;
  --color-accent:       #FFC93C;
  --color-white:        #FFFFFF;
  --color-border:       rgba(26,20,16,0.08);

  /* Font */
  --font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-serif:   'Fraunces', Georgia, serif;

  /* Scale */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-full: 999px;
  --shadow-soft: 0 2px 12px rgba(26,20,16,0.06);
  --shadow-med:  0 8px 28px rgba(26,20,16,0.08);
  --container-max: 1280px;

  /* Spacing scale */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;

  /* Safe area for notched devices */
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-l: env(safe-area-inset-left, 0px);
  --safe-r: env(safe-area-inset-right, 0px);
}