/* Amibey Ventures — Design Tokens (CSS custom properties)
   Generated for developer handoff. Layer 1 = primitives, Layer 2 = semantic. */
:root {
  /* ---------- PRIMITIVES · Colour ---------- */
  --color-ink:            #1A1A1A;
  --color-paper:          #FFFFFF;

  --color-signal-50:      #FBEBEC;
  --color-signal-100:     #F6D2D3;
  --color-signal-200:     #EDA5A8;
  --color-signal-300:     #E2777B;
  --color-signal-400:     #D44A50;
  --color-signal-500:     #C01F24; /* base — Signal Red */
  --color-signal-600:     #A81A1F;
  --color-signal-700:     #8F1519;
  --color-signal-800:     #6E1013;
  --color-signal-900:     #4C0A0C;

  --color-amber-50:       #FEF6E0;
  --color-amber-100:      #FDECC0;
  --color-amber-200:      #FBD98A;
  --color-amber-300:      #F8C452;
  --color-amber-400:      #F6B32A;
  --color-amber-500:      #F5A300; /* base — Hi-Vis Amber */
  --color-amber-600:      #C98700;
  --color-amber-700:      #9E6900;
  --color-amber-800:      #6E4900;
  --color-amber-900:      #422C00;

  --color-steel-50:       #F7F8FA;
  --color-steel-100:      #F2F4F6;
  --color-steel-200:      #E1E6EB;
  --color-steel-300:      #C9CFD6;
  --color-steel-400:      #A7B0BA;
  --color-steel-500:      #7C8792;
  --color-steel-600:      #5A626B;
  --color-steel-700:      #3D444C; /* base — Steel 700 */
  --color-steel-800:      #2A2F35;
  --color-steel-900:      #1A1D21;

  --color-success-50:     #E4F2EA;
  --color-success-100:    #B7DEC6;
  --color-success-300:    #5FA97C;
  --color-success-500:    #1E7A45; /* base */
  --color-success-700:    #14532D;

  /* ---------- PRIMITIVES · Spacing (8pt) ---------- */
  --space-1: 4px;   --space-2: 8px;   --space-3: 12px;  --space-4: 16px;
  --space-5: 24px;  --space-6: 32px;  --space-7: 40px;  --space-8: 48px;
  --space-9: 64px;  --space-10: 80px; --space-11: 96px; --space-12: 128px;

  /* ---------- PRIMITIVES · Radius ---------- */
  --radius-xs: 2px; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-full: 999px;

  /* ---------- PRIMITIVES · Typography ---------- */
  --font-display: 'Archivo', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-weight-regular: 400; --font-weight-medium: 500;
  --font-weight-semibold: 600; --font-weight-bold: 700;
  --font-weight-heavy: 800; --font-weight-black: 900;

  --text-display-lg: clamp(38px, 5vw, 46px);
  --text-display-sm: clamp(30px, 4vw, 38px);
  --text-h1: 34px; --text-h1-mobile: 26px;
  --text-h2: 30px; --text-h2-mobile: 22px;
  --text-h3: 22px; --text-h3-mobile: 18px;
  --text-h4: 18px; --text-h5: 16px; --text-h6: 14px;
  --text-body-lg: 18px; --text-body: 16px; --text-body-sm: 14px;
  --text-caption: 12px; --text-label: 13px; --text-overline: 12px;
  --tracking-overline: 0.14em; --tracking-tight: -0.02em;

  /* ---------- PRIMITIVES · Elevation ---------- */
  --elevation-flat:  0 0 0 1px var(--color-steel-200);
  --elevation-1:     0 1px 2px rgba(26,26,26,.06);
  --elevation-2:     0 6px 16px rgba(26,26,26,.10);
  --elevation-3:     0 12px 30px rgba(26,26,26,.12);
  --elevation-4:     0 20px 40px rgba(26,26,26,.16);

  /* ---------- SEMANTIC ---------- */
  --color-text-primary:    var(--color-ink);
  --color-text-secondary:  var(--color-steel-700);
  --color-text-muted:      var(--color-steel-500);
  --color-text-inverse:    var(--color-paper);
  --color-text-link:       var(--color-ink);

  --color-surface:         var(--color-paper);
  --color-surface-sunken:  var(--color-steel-100);
  --color-surface-raised:  var(--color-paper);
  --color-surface-inverse: var(--color-ink);

  --color-border-subtle:   var(--color-steel-200);
  --color-border-default:  var(--color-steel-300);
  --color-border-strong:   var(--color-ink);

  --color-action-primary:        var(--color-signal-500);
  --color-action-primary-hover:  var(--color-signal-600);
  --color-action-primary-active: var(--color-signal-700);
  --color-action-disabled-bg:    #E6E9ED;
  --color-action-disabled-fg:    #9AA3AD;
  --color-focus-ring:            var(--color-amber-500);

  --color-status-instock:     var(--color-success-500);
  --color-status-lowstock:    var(--color-amber-600);
  --color-status-madetoorder: var(--color-steel-700);
  --color-status-certified:   var(--color-success-500);
  --color-status-error:       var(--color-signal-500);

  /* WhatsApp brand (contact channel only) */
  --color-whatsapp: #25D366;
}