/* ============================================================
   Maicro Machines — parent brand tokens
   tokens.css · v1.0 · June 2026
   The PARENT identity is monochrome-forward. Products introduce
   their own accent; the parent reserves colour for restraint.
   ============================================================ */

:root {
  /* — Surfaces (dark-first) — */
  --mm-ink:        #0F0F14; /* primary brand dark / hero background      */
  --mm-ink-2:      #16161C; /* raised panel on dark                      */
  --mm-ink-3:      #1E1E26; /* hairline-bordered cards                   */

  /* — Marks & text — */
  --mm-paper:      #ECECEF; /* the mark on dark; primary text on dark    */
  --mm-paper-pure: #FFFFFF; /* max-contrast paper                        */
  --mm-paper-bg:   #F4F4F5; /* light-mode background                     */
  --mm-graphite:   #6E6E78; /* secondary text, captions, mono labels     */
  --mm-graphite-2: #9B9BA6; /* tertiary text on dark                     */

  /* — Hairlines — */
  --mm-line-dark:  rgba(236,236,239,.12);
  --mm-line-light: rgba(15,15,20,.12);

  /* — Signal (parent accent — use sparingly: focus, links, status) —
     A calm, desaturated steel. Deliberately low-chroma so it never
     competes with a product's own colour. */
  --mm-signal:     oklch(0.66 0.045 255);     /* ≈ #7E8AA1 */
  --mm-signal-ink: oklch(0.46 0.05 255);      /* pressed / on-light       */

  /* — Geometry of the mark (for product marks that join the grid) — */
  --mm-grid-unit:  12;   /* base module, in the 84-unit icon space       */
  --mm-grid:       7;    /* plate is 7×7 units                           */
  --mm-radius:     14;   /* plate corner radius in icon space (≈ 1 unit) */
  --mm-gap:        2;    /* module gap in the "assembled" expression     */

  /* — Type — */
  --mm-font-wordmark: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mm-font-ui:       system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mm-font-mono:     "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* — Wordmark tracking — */
  --mm-wordmark-tracking: -0.01em;
}

/* Reserved product accents — NOT parent colours.
   Listed only so the system documents how members differ.
   (Demo values — each product owns its final hue.) */
:root {
  --mm-product-vault: #2E8B6E; /* example only */
  --mm-product-tee:   #C8643C; /* example only */
  --mm-product-clock: #3B6EA5; /* example only */
}