/* =====================================================================
   JUST-IN TIME CONSIGNMENT — design tokens
   Mirrors siteConf/client-config.json -> brand.palette. Keep the two in sync.

   Brief (raw.pdf p26): "warm, visual, consumer-focused ... the homepage should
   immediately feel like somewhere a customer wants to shop." So this palette
   runs warmer and softer than its Warehousing sibling, which is deliberately
   cool and industrial. The Just-In Time cyan stays as the family tie.

   CONTRAST — every value below was checked against #FFFFFF:
     --terracotta   #C2703D   3.3:1  fills / icons / 24px+ display ONLY
     --terracotta-text #8A4F27 5.6:1 AA at body size
     --brand (cyan) #00B9E7   2.2:1  NEVER text. Fills and icons only.
     --brand-text   #0F6F8C   5.4:1  AA at body size
     --ink-2        #3D4436   9.6:1
     --ink-3        #6B6357   5.2:1
   ===================================================================== */

:root {
  /* Brand accents — fills, icons and 24px+ display type ONLY */
  --green: #C2703D;            /* terracotta, mapped onto site.css's primary slot */
  --red:   #B0442A;
  --teal:  #00B9E7;            /* Just-In Time family cyan */
  --amber: #E0A33C;

  --green-700: #A85E30;        /* button hover */
  --green-050: rgba(194,112,61,.10);
  --red-050:   rgba(176,68,42,.10);
  --teal-050:  rgba(0,185,231,.10);
  --amber-050: rgba(224,163,60,.14);

  /* Accessible text variants — the raw accents fail AA at body size on white */
  --green-text: #8A4F27;       /* terracotta, AA */
  --teal-text:  #0F6F8C;       /* cyan, AA */
  --red-text:   #92351F;

  /* Neutrals — warm greys, not the blue-greys of the logistics sites */
  --ink:   #221C16;
  --ink-2: #4A413A;
  --ink-3: #6B6357;
  --line:  #E8DFD5;
  --surface:   #FFFFFF;
  --surface-2: #FAF6F1;        /* warm paper, the shopping-floor background */
  --surface-3: #F2EAE1;
  --dark:      #221C16;
  --dark-2:    #33291F;
  --on-dark:   #FAF6F1;
  --on-dark-2: #C4B5A5;

  --ribbon: linear-gradient(90deg, #C2703D 0%, #E0A33C 45%, #00B9E7 100%);

  /* Softer, more retail than the sharp logistics radii */
  --radius:    16px;
  --radius-lg: 26px;
  --radius-sm: 10px;

  --shadow-sm: 0 1px 2px rgba(34,28,22,.06), 0 2px 8px rgba(34,28,22,.05);
  --shadow-md: 0 4px 12px rgba(34,28,22,.07), 0 12px 32px rgba(34,28,22,.08);

  --font-head: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --wrap: 1180px;
  --gutter: clamp(20px, 5vw, 40px);
  --section-y: clamp(56px, 9vw, 96px);

  --s1: 8px;  --s2: 16px;  --s3: 24px;  --s4: 32px;
  --s5: 48px; --s6: 64px;  --s7: 96px;
}