/* ==========================================================================
   Normal Day — shared design tokens
   Every colour is sampled from the two NormalDay Lab photographs.
   See web/brand/mood-and-tone.html for the rulings these encode.
   Both nd.css (landing) and site.css (wholesale) consume this file.
   ========================================================================== */

:root{
  /* ── Substrate ───────────────────────────────────────────────── */
  --paper:    #F2ECE3;   /* the lit wall, as a screen ground        */
  --paper-2:  #E9E0D2;   /* oat lightened — alternating sections    */
  --oat:      #C1AC97;   /* tiled counter top                       */
  --floor:    #A36F4A;   /* oak floorboards                         */
  --oak:      #63402A;   /* counter body                            */
  --steel:    #23201B;   /* shelving, grinder body — the near-black */

  /* ── Ink ─────────────────────────────────────────────────────── */
  --ink:      #23201B;
  --ink-2:    #5B4E42;
  --ink-3:    #8A7B6C;
  --line:     #D8CCBA;

  /* ── Scoped colours — NOT interface colours ──────────────────── */
  --lamp:     #F5B26B;   /* LED underglow. Light only: hairlines,   */
                         /* underlines, hover, glow. Never a fill.  */
  --lamp-ink: #A9691A;   /* lamp darkened until it is legible as    */
                         /* text on paper. Small type only.         */
  --brass:    #A17840;   /* Probatino drum — photography only       */
  --oxblood:  #7C2D25;   /* packaging ink — product/origin names,   */
                         /* 16px and below, never a panel           */

  /* ── Type ────────────────────────────────────────────────────── */
  --display:"Jost","Futura","Century Gothic",-apple-system,"Helvetica Neue",Arial,sans-serif;
  --body:"IBM Plex Sans Thai","IBM Plex Sans",-apple-system,"Noto Sans Thai","Sarabun",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  /* ── Metrics ─────────────────────────────────────────────────── */
  --wrap:1180px;
  --gut:clamp(20px,5vw,60px);
  --sec:clamp(60px,9vw,120px);
}