/* tokens.css — Benja Basket · family-warm palette (verbatim from design hand-off) */

:root {
  /* Surfaces */
  --bg-cream:      #FAF5EA;
  --bg-cream-deep: #F2EAD6;
  --surface:       #FFFFFF;
  --surface-soft:  #FBF8F1;
  --surface-sunk:  #F3EDDE;

  /* Brand — softer than Woolies green */
  --green-50:  #EDF5EF;
  --green-100: #D6E7D9;
  --green-300: #8FBE9A;
  --green-500: #4F9568;
  --green-600: #3F7C56;
  --green-700: #2E5C3F;
  --green-900: #1B3727;

  /* Accent — terracotta */
  --terra-300: #ECB9A7;
  --terra-500: #D87156;
  --terra-600: #B95538;

  /* Warm support */
  --honey:     #E6A94A;
  --sky:       #7DA4C6;
  --mauve:     #A781B2;
  --leaf:      #93B25F;

  /* Text */
  --ink-900: #1F2A22;
  --ink-700: #3D4A40;
  --ink-500: #6E6A5E;
  --ink-400: #948D7B;
  --ink-300: #B9B2A0;

  /* Lines */
  --line:        #E8DFCB;
  --line-strong: #D5C9AE;
  --line-soft:   #F0E8D4;

  /* Feedback */
  --warn:    #C77F2C;
  --danger:  #C75139;
  --success: #4F9568;

  /* Radii */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 9999px;

  /* Shadows — warm, not gray */
  --sh-card:  0 1px 0 rgba(45, 35, 20, 0.04), 0 4px 14px rgba(45, 35, 20, 0.06);
  --sh-pop:   0 8px 28px rgba(45, 35, 20, 0.12), 0 2px 6px rgba(45, 35, 20, 0.06);
  --sh-modal: 0 30px 60px rgba(20, 15, 5, 0.32), 0 10px 24px rgba(20, 15, 5, 0.18);
  --sh-press: inset 0 2px 6px rgba(20, 35, 25, 0.10);

  /* Type */
  --font-display: 'Bricolage Grotesque', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-body:    'Bricolage Grotesque', ui-sans-serif, system-ui, -apple-system, sans-serif;
}

html, body {
  margin: 0;
  font-family: var(--font-body);
  color: var(--ink-900);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bh-btn {
  font-family: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  padding: 0;
}

.bh-scroll::-webkit-scrollbar { display: none; }
.bh-scroll { scrollbar-width: none; -ms-overflow-style: none; }