/* ============================================================
   ARKEN OLFACTIVE — Design Tokens
   Light "Paper + Vetiver" system. Spectral (serif) + Inter
   (sans). Variables only.
   ============================================================ */

:root {
  /* ---- Canvas — raw archive paper (cooled ~4% from oat toward stone) ---- */
  --stone:    #e9e4d7;   /* base canvas */
  --stone-1:  #e2dccd;   /* alternate / raised section */
  --stone-2:  #d9d2c1;   /* panel / light card */
  --stone-3:  #cbc3b1;   /* deepest light tone */
  --paper:    #f1ece1;   /* lightest raised surface */

  /* ---- Ink — warm near-black (text) ---- */
  --ink:       #15120d;
  --ink-soft:  #38332a;
  --ink-mute:  #6a655a;
  --ink-faint: #999388;

  /* ---- Wet-stone black — promoted to a true brand colour (Earth & Ink) ---- */
  --noir:      #15130e;
  --noir-soft: #221f17;

  /* ---- Signature — ARKEN vetiver, deepened + greyed (specific, not "sage") ---- */
  --vetiver:       #2f3f35;
  --vetiver-dk:    #1f2a24;
  --vetiver-lt:    #5a6e60;
  --vetiver-trace: rgba(47,63,53,0.10);

  /* ---- Quiet metal accent — aged pewter/bronze, NOT gold (luxury refusal: no brass) ---- */
  --pewter:    #6f6553;
  --pewter-lt: #8b8170;

  /* ---- Warm off-white — text ON dark colour blocks ---- */
  --bone:   #f1eee6;
  --bone-2: rgba(241,238,230,0.70);
  --bone-3: rgba(241,238,230,0.42);

  /* ---- Fragrance 01 — Before the Rain (Petrichor / fresh / green) ---- */
  --f01:       #2f3d34;
  --f01-lt:    #5d7160;
  --f01-trace: rgba(47,61,52,0.6);

  /* ---- Fragrance 02 — After the Silence (Aquilaria / warm / clay-brown) ---- */
  --f02:       #4a2f1e;
  --f02-lt:    #9c6a45;
  --f02-trace: rgba(74,47,30,0.6);

  /* ---- Fragrance 03 — First Light (Vetiver/Khus / fresh / cool celadon) ---- */
  --f03:       #36433d;
  --f03-lt:    #7e9088;
  --f03-trace: rgba(54,67,61,0.6);

  /* ---- Fragrance 04 — Ember (Saffron / amber / red-gold · rare-natural) ---- */
  --f04:       #8c3f1d;
  --f04-lt:    #c98a4e;
  --f04-trace: rgba(140,63,29,0.6);

  /* ---- Fragrance 05 — Quiet Hour (Mysore sandalwood / creamy woody · rare) ---- */
  --f05:       #5a4f3a;
  --f05-lt:    #9a8a6e;
  --f05-trace: rgba(90,79,58,0.6);

  /* ---- Fragrance 06 — Open Water (fresh aquatic / cool mineral) ---- */
  --f06:       #2c4650;
  --f06-lt:    #7fa3ad;
  --f06-trace: rgba(44,70,80,0.6);

  /* ---- Fragrance 07 — Thorn & Bloom (Damask rose / dark floral) ---- */
  --f07:       #5e2f39;
  --f07-lt:    #a86b78;
  --f07-trace: rgba(94,47,57,0.6);

  /* ---- Fragrance 08 — Night Bloom (jasmine / white floral, night) ---- */
  --f08:       #2c3140;
  --f08-lt:    #737a8c;
  --f08-trace: rgba(44,49,64,0.6);

  /* ---- Fragrance 09 — Smoke & Honey (tobacco / vanilla / gourmand) ---- */
  --f09:       #4e3a22;
  --f09-lt:    #a87f50;
  --f09-trace: rgba(78,58,34,0.6);

  /* ---- Fragrance 10 — First Sun (citrus / neroli / bright) ---- */
  --f10:       #5c5320;
  --f10-lt:    #b0a04e;
  --f10-trace: rgba(92,83,32,0.6);

  /* SCALING: each new SKU adds one --fNN / --fNN-lt / --fNN-trace block here,
     then a matching .feature-visual--NN / .frag-card--NN / .pdp-visual--NN /
     .ph--NN rule + .frag-eyebrow-NN. No site copy is pinned to a SKU count. */

  /* ---- Borders — warm ink, barely there ---- */
  --border:   rgba(23,20,15,0.12);
  --border-2: rgba(23,20,15,0.22);
  --border-3: rgba(23,20,15,0.07);

  /* ---- Type ---- */
  /* The Aesop register. Serif carries the headlines (display + editorial
     italic): Newsreader — a quiet, low-contrast transitional serif (the
     Suisse Works register), softer than the old sharp Spectral. Sans is a
     neutral Swiss grotesque: Hanken Grotesk (the Suisse Int'l register),
     warmer and less mechanical than Inter. Light weights, severe discipline. */
  --serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --sans:  'Hanken Grotesk', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
  --mono:  'Hanken Grotesk', ui-monospace, 'SFMono-Regular', monospace;

  /* ---- Vertical rhythm — one section-padding scale (replaces ad-hoc 6–14rem) ---- */
  --sp-sm: 3.5rem;  /* compact / secondary sections */
  --sp-md: 4rem;    /* standard content sections (default) */
  --sp-lg: 4.5rem;  /* spacious — editorial pause / finale */
}