/**
 * Bongofey design tokens — warm "Tanzanian bookshop" theme.
 * Cream surfaces · deep indigo (trust) · sunset orange (energy).
 * Single source of truth. Use the variables everywhere; no hardcoded hex in pages.
 */
:root {
  /* surfaces — warm cream / paper (not sterile white) */
  --bg:            #FFFBF5;
  --surface:       #FFF8EF;   /* warm off-white */
  --surface-2:     #FEF3E7;   /* warm tint */
  --border:        #F1E9DD;
  --border-strong: #E6D9C6;

  /* text — warm near-black / stone */
  --text:          #1C1917;
  --text-muted:    #57534E;
  --text-subtle:   #A8A29E;

  /* accent — warm burnt-orange (links, focus, structural accents) — NO blue */
  --accent:        #C2410C;
  --accent-hover:  #9A3412;
  --accent-tint:   #FEF3E7;
  --accent-border: #F5D5BC;

  /* CTA / highlight — sunset orange (prices, key calls-to-action) */
  --cta:           #F97316;
  --cta-hover:     #EA580C;
  --cta-strong:    #C2410C;   /* darker orange for small text on cream (AA) */
  --cta-tint:      #FEF3E7;

  /* deep chrome — sidebar / footer / dark bands → WARM charcoal/espresso (no blue) */
  --deep:          #2B2621;
  --deep-soft:     #1C1815;

  /* status */
  --success:       #16A34A;
  --success-tint:  #F0FDF4;
  --danger:        #B91C1C;
  --danger-tint:   #FEF2F2;

  /* radius */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-pill: 999px;

  /* shadow — barely there, warm tint */
  --shadow-sm: 0 1px 2px rgba(28,25,23,.05);
  --shadow-md: 0 8px 24px rgba(28,25,23,.08);

  /* layout */
  --container: 1200px;
  --gutter: 20px;
  --section-y: 96px;        /* 56px on mobile */

  /* spacing scale (4px base) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
}

@media (max-width: 767.98px) {
  :root { --section-y: 56px; }
}