/* =========================================================
   KumiteFlow - "Sumi & steel" design tokens
   Kyokushin Karate, Rotterdam IJsselmonde
   The single source of truth for palette, type, and rhythm.
   ========================================================= */

:root {
  /* ---------- Palette ---------- */
  --sumi:      #111114;   /* ink black, faintly warm - primary ground */
  --sumi-2:    #17171c;   /* raised panel on dark */
  --sumi-3:    #202027;   /* hairline-lit panel */
  --bone:      #efe9dd;   /* warm gi cotton / washi - primary text on dark */
  --bone-2:    #e5ddcc;   /* deeper paper */
  --red:       #c10f1b;   /* Kyokushin / hinomaru - the one accent */
  --red-deep:  #8c0a14;   /* pressed / hover red */
  --ash:       #8c8c93;   /* muted text on dark */
  --ash-2:     #5a5a61;
  --ink-soft:  #4c4c52;   /* muted text on light */

  --line-dark:  rgba(239, 233, 221, 0.14);  /* hairline on dark surfaces */
  --line-light: rgba(17, 17, 20, 0.16);     /* hairline on light surfaces */

  /* ---------- Type families ---------- */
  --display: "Saira Condensed", "Arial Narrow", sans-serif; /* headings, labels, UI */
  --body:    "Saira", system-ui, sans-serif;                /* body copy */
  --mincho:  "Shippori Mincho", "Yu Mincho", serif;         /* kanji + editorial accents */

  /* ---------- Rhythm ---------- */
  --maxw: 1180px;
  --gutter: clamp(1.25rem, 5vw, 5rem);
  --section-pad: clamp(4.5rem, 11vw, 9.5rem);
}