/* ============================================================
   HOLLO SUPPLY — Design Tokens
   Extracted from live site (Elementor globals + loaded fonts).
   Palette and typography are LOCKED to the existing brand.
   ============================================================ */

:root {
  /* ---- Brand colour (real, from site) ---- */
  --ink:        #131C24;   /* primary + text — deep navy-charcoal */
  --ink-90:     #1c272f;
  --ink-70:     #3a444c;
  --ink-50:     #6a727a;
  --stone:      #C0BD8D;   /* signature accent — muted sage-gold */
  --stone-dim:  #a7a474;
  --bronze:     #A1824F;   /* secondary warm accent */
  --paper:      #ffffff;
  --bone:       #f6f5f1;   /* warm off-white surface (derived) */
  --mist:       #efefef;   /* light grey */
  --line:       #e4e2da;   /* hairline on bone */
  --line-ink:   rgba(255,255,255,.14);

  /* ---- Fragrance world temperatures (used only in scent contexts) ---- */
  --century:    #20262c;   /* cool / graphite */
  --willow:     #b9a47a;   /* warm / amber-linen */

  /* ---- Type ---- */
  --display: 'Bebas Neue', 'Arial Narrow', sans-serif;
  --label:   'Space Mono', ui-monospace, monospace;
  --body:    'Roboto', system-ui, -apple-system, sans-serif;

  /* Fluid type scale */
  --t-hero:   clamp(3.4rem, 9vw, 8.5rem);
  --t-h1:     clamp(2.6rem, 6vw, 5.5rem);
  --t-h2:     clamp(2rem, 4.2vw, 3.6rem);
  --t-h3:     clamp(1.4rem, 2.4vw, 2rem);
  --t-body:   clamp(1rem, 1.05vw, 1.125rem);
  --t-small:  .8125rem;
  --t-eyebrow:.75rem;

  /* ---- Spacing / rhythm ---- */
  --section:  clamp(64px, 11vw, 160px);
  --gap:      clamp(16px, 2.4vw, 40px);
  --maxw:     1280px;
  --radius:   2px;        /* near-square; restrained, not rounded */
  --ease:     cubic-bezier(.22,.61,.36,1);
}