/* ============================================================
   NAMI NAMI  波々  —  Brand Tokens
   Editorial / publishing direction (Moodboard v1.0)
   Drop this into any site build; everything below references it.
   ============================================================ */

:root {
  /* ---- Colour ------------------------------------------------
     A quiet, natural-dyed palette. Paper and oat carry the pages;
     slate, sage and ochre appear only as small marks and shapes.
     AA notes are for the token used as TEXT on --paper.
  */
  --paper:        #F4F0E6;  /* primary page ground (warm muslin)     */
  --paper-2:      #EDE7D8;  /* raised surface / alternate band       */
  --oat:          #E0D5C0;  /* kraft panel, plates, cards            */
  --oat-deep:     #D3C6AC;  /* framed-plate mat                      */
  --mist:         #DBDEDB;  /* cool grey-green panel                 */
  --mist-blue:    #D2D8DC;  /* cool dusty-blue panel                 */

  --ink:          #24221D;  /* primary text        14.8:1  AAA       */
  --ink-soft:     #4C483F;  /* secondary text       7.4:1  AAA       */
  --ink-faint:    #6E695D;  /* captions, meta       4.6:1  AA        */

  --slate:        #566673;  /* dusty blue: links, small accents 5.2:1 AA */
  --slate-tint:   #94A1AB;  /* slate for LARGE shapes only (fails AA) */
  --marine:       #3F5866;  /* the Blue Impact Mark blue  6.2:1  AA    */
  --sage-deep:    #566151;  /* green-grey text-capable  5.6:1  AA    */
  --sage:         #8E9A85;  /* green-grey shapes only (fails AA)     */
  --ochre:        #9A7A2E;  /* the single warm accent: seals, one
                               highlighted word.  4.6:1  AA on paper */
  --ochre-tint:   #C6A75E;  /* ochre for fills/shapes only           */

  --line:         #CFC5B0;  /* hairlines, rules, dividers            */
  --line-soft:    #DED6C4;  /* faint internal rules                  */

  /* ---- Type -------------------------------------------------- */
  --serif:  "Newsreader", Georgia, "Times New Roman", serif;  /* editorial voice */
  --mono:   "IBM Plex Mono", ui-monospace, "Courier New", monospace; /* labels, codes, specimen data */
  --jp:     "Noto Serif JP", "Hiragino Mincho ProN", serif;   /* 波々 / kanji */

  /* Type scale (fluid-ish, editorial rhythm) */
  --t-display: clamp(2.6rem, 6vw, 5rem);
  --t-h1:      clamp(2rem, 4vw, 3.1rem);
  --t-h2:      clamp(1.4rem, 2.4vw, 1.9rem);
  --t-body:    1.0625rem;   /* 17px, Newsreader text */
  --t-cap:     0.8125rem;   /* 13px captions          */
  --t-label:   0.6875rem;   /* 11px mono tracked caps */

  --track-label: 0.22em;    /* mono label letter-spacing */
  --leading-body: 1.62;

  /* ---- Layout ----------------------------------------------- */
  --measure: 62ch;          /* max reading width          */
  --gutter:  clamp(1.25rem, 5vw, 5.5rem);  /* page margin  */
  --panel-gap: 1px;         /* hairline gutters between panels */
  --radius: 0;              /* the system is square. plates are not rounded. */
}