/* =========================================================
   Layer Nine — Design Tokens
   Single source of truth for color, typography, spacing,
   radii, and layout. Consumed by foundations / components /
   patterns. Mirror lives in tokens.json.
   ========================================================= */

:root {
  /* ---- Surface ---- */
  --bg:        #f4f2ec;   /* page default */
  --bg-cream:  #eceae2;   /* subtle alt surface */
  --bg-sage:   #d9dec8;   /* accent surface */
  --bg-dark:   #14140f;   /* inverted sections */

  /* ---- Ink (text on light) ---- */
  --ink:       #14140f;   /* strongest text, headings */
  --ink-body:  #2a2a24;   /* body copy */
  --ink-mute:  #6e6e63;   /* secondary, eyebrows */
  --ink-faded: #9c9c90;   /* separators, low-emphasis */

  /* ---- On-dark (text on inverted surfaces) ---- */
  --on-dark:        #f4f2ec;
  --on-dark-mute:   #c9c7bd;
  --on-dark-faded:  #8a8a7e;

  /* ---- Accent ---- */
  --sage:      #b7c2a0;
  --sage-deep: #9fb084;

  /* ---- Lines / dividers ---- */
  --line:        rgba(20, 20, 15, 0.13);
  --line-strong: rgba(20, 20, 15, 0.22);
  --line-dark:   rgba(255, 255, 255, 0.09);

  /* ---- Layout ---- */
  --container: 1143px;
  --pad-x:     32px;

  /* ---- Radii ---- */
  --radius-card:    18px;
  --radius-card-lg: 20px;
  --radius-flow:    24px;
  --radius-pill:    999px;

  /* ---- Type ---- */
  --font-sans: "Akt", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ---- Motion ---- */
  --ease-out:  cubic-bezier(.2, .7, .2, 1); /* @kind other */
  --t-fast:    .15s; /* @kind other */
  --t-base:    .25s; /* @kind other */
  --t-slow:    .35s; /* @kind other */
}

/* Japanese locale extends the sans stack with Noto Sans JP. */
:root:lang(ja), :root[data-locale="ja"] {
  --font-sans: "Akt", "Noto Sans JP", -apple-system, BlinkMacSystemFont,
               "Segoe UI", "Hiragino Sans", "Yu Gothic UI", Meiryo,
               Helvetica, Arial, sans-serif;
}