/* ============================================================================
   KASTURI design tokens
   ----------------------------------------------------------------------------
   PROVENANCE. The source design file (SHIPD) is not available, and the hex
   values in docs/Kasturi Design Doc.pdf are not legible at print resolution.
   Stefan authorised deriving them on 2026-08-25. This file supersedes the
   "do not invent design values" rule in CLAUDE.md for colour only.

   Derivation. The deck labels its "1. Minimal" swatches Swirl, Napa, Olive
   Haze, Expresso and Shark. Those are Name That Color labels, the output of the
   usual Figma / Sip colour-picker plugins, so the intended values are
   recoverable from that list rather than guessed. Cream #F3EEE5 is the one
   value legible in the deck itself, under "2. Cool tones".

   Every value below is PROVISIONAL. Replace it from the source file when SHIPD
   supply one. Nothing outside this file declares a colour.
   ========================================================================= */

:root {
  /* ---- Ground and ink ---------------------------------------------------- */
  --cream:        #F3EEE5;  /* page ground. Legible in the deck. */
  --cream-warm:   #EDE6DA;  /* secondary ground, alternating blocks */
  --espresso:     #2E211B;  /* hero and enquire ground, primary ink on cream */
  --shark:        #25272C;  /* footer ground. Name That Color "Shark" #25272C */

  /* ---- Materials --------------------------------------------------------- */
  --swirl:        #D3CDC5;  /* Name That Color "Swirl". Rules, placeholder blocks */
  --napa:         #ACA494;  /* Name That Color "Napa". Decorative only, too light for text */
  --olive-haze:   #8B8470;  /* Name That Color "Olive Haze". Hairlines */
  --sage:         #7F8B6E;  /* spec band */
  --walnut:       #6B4A34;  /* top panel */
  --walnut-deep:  #4E3524;
  --steel:        #B9B4AC;  /* stainless chassis */
  --steel-dim:    #9A958D;
  --brass:        #B08D4F;  /* RCA connectors */

  /* ---- Accent ------------------------------------------------------------ */
  --rust:         #A85433;  /* accent, large text and fills only */
  --rust-ink:     #8E4327;  /* accent for body-size text on cream. 5.4:1 */
  --rust-lift:    #C2704A;  /* accent on the espresso ground */

  /* ---- Text -------------------------------------------------------------- */
  --ink:          var(--espresso);
  --ink-muted:    #6E6156;  /* 6.1:1 on cream */
  --ink-invert:   #F1EBE0;
  --ink-invert-muted: #B6A99C;

  /* ---- Type -------------------------------------------------------------- */
  --font-display: "Jost", "Futura", "Century Gothic", sans-serif;
  --font-body:    "Newsreader", "Iowan Old Style", Georgia, serif;

  --step--1: clamp(0.78rem, 0.76rem + 0.10vw, 0.84rem);
  --step-0:  clamp(1.00rem, 0.96rem + 0.20vw, 1.12rem);
  --step-1:  clamp(1.25rem, 1.16rem + 0.44vw, 1.55rem);
  --step-2:  clamp(1.60rem, 1.40rem + 1.00vw, 2.30rem);
  --step-3:  clamp(2.10rem, 1.62rem + 2.40vw, 3.60rem);
  --step-4:  clamp(2.80rem, 1.70rem + 5.40vw, 6.40rem);

  --track-label: 0.22em;   /* uppercase micro labels */
  --track-mark:  0.42em;   /* the wordmark */

  /* ---- Layout ------------------------------------------------------------ */
  --gutter: clamp(1.25rem, 5vw, 5rem);
  --measure: 62ch;
  --rail: 11rem;           /* width of the left label rail */
  --hair: 1px;
  --block: clamp(4.5rem, 9vw, 8.5rem);  /* vertical rhythm between sections */
}

/* This is a brand site with one fixed identity, so it commits to a single
   visual world instead of following the viewer's light/dark setting. Every
   ground and every colour is painted explicitly, so the page holds on either
   host background. */