/* ============================================================
   minder.host — design tokens
   Single source of truth for colour, type, space, radius, motion.
   Change a value here; never hardcode it in a page.
   Full documentation: DESIGN.md
   ============================================================ */

:root {
  color-scheme: dark;

  /* ---- Surfaces (single committed dark theme, no light variant) ----
     Полночь: the deepest of the three reviewed directions — banker, not
     technologist. Ladder re-derived from --bg proportionally to --bg-2 /
     --surface / --line's old relative steps; --surface and --line pin to
     the accepted Н1 review values. */
  --bg:            #0A1120;   /* page ground */
  --bg-2:          #0E1627;   /* alternating band, diagram ground */
  --surface:       #121B2C;   /* card / box */
  --surface-hi:    #162033;   /* card hover */
  --line:          #1E2A40;   /* hairline */
  --line-strong:   #32405D;   /* hairline on hover / raised edge */

  /* ---- Ink ---- */
  --ink:           #EFECE4;   /* primary text            16.0:1 on --bg */
  --soft:          #A9B3C4;   /* body text                8.9:1 on --bg */
  --faint:         #8892A6;   /* small text, captions     6.0:1 on --bg */
  --faint-line:    #6E7A8E;   /* graphic strokes only     4.3:1 — never text */

  /* ---- Accent ---- */
  --rec:           #D2695E;   /* SEMANTIC: the human. Voice in, decision out. */
  --steel:         #9CB6D6;   /* labels, machine side     9.0:1 on --bg */

  /* ---- Type ---- */
  --font-display: 'Literata', 'Literata fallback', Georgia, 'Times New Roman', serif;
  --font-body:    'Onest', 'Onest fallback', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --step--1: clamp(0.8125rem, 0.79rem + 0.11vw, 0.875rem);
  --step-0:  clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
  --step-1:  clamp(1.125rem, 1.07rem + 0.28vw, 1.3125rem);
  --step-2:  clamp(1.375rem, 1.26rem + 0.55vw, 1.75rem);
  --step-3:  clamp(1.625rem, 1.42rem + 1vw, 2.375rem);
  --step-4:  clamp(2rem, 1.6rem + 2vw, 3.25rem);
  --step-5:  clamp(1.85rem, 1.2rem + 2.8vw, 3.75rem);  /* floor fits «устанавливаешь» at 360px */

  --label:   0.6875rem;  /* mono label, uppercase, tracked */
  --track:   0.14em;

  /* ---- Space (8px base) ---- */
  --s-1: 0.25rem;  --s-2: 0.5rem;   --s-3: 0.75rem;  --s-4: 1rem;
  --s-5: 1.5rem;   --s-6: 2rem;     --s-7: 3rem;     --s-8: 4rem;
  --s-9: 6rem;     --s-10: 8rem;
  --section-y: clamp(3.5rem, 8vw, 7rem);

  /* ---- Measure ---- */
  --shell:   72rem;   /* page container */
  --measure: 62ch;    /* reading column — set in ch so it tracks the font, not the viewport */
  --measure-tight: 44ch;  /* second step: cards, captions, split columns */

  /* ---- Radius: ONE value, everywhere. No pills, no exceptions. ---- */
  --r: 4px;

  /* ---- Motion ---- */
  --ease-out:    cubic-bezier(0.23, 1, 0.32, 1);
  --t-press:  120ms;
  --t-hover:  180ms;

  /* ---- Breakpoints (named, so the next component does not invent an eighth) ----
     40rem  narrow → comfortable: 2-3-up strips, figure full-bleed ends here
     48rem  two-column: grids, split, glossary, timeline, footer
     60rem  navigation collapse boundary (its complement is written
            `not all and (max-width: 60rem)`, so no width falls between the two)
     64rem  wide diagrams: the desktop diagram variant switches on here
     ---- Layers ---- */
  --z-nav: 40;
  --z-menu: 50;
}