/* Post theme: Deep Vision surface inspection (Pro Sicht).
   Light first. Leading accent = Pro Sicht teal; supporting accents taken from
   the post's materials (wood amber, steel blue). Material tokens (--wood...,
   --metal..., --marble...) are used by the sims to draw the illustrative surfaces.
   Keep every kit token name; shell.css and the kit read them. Colours stay hex. */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap');

:root {
  color-scheme: light;

  /* surfaces */
  --bg: #f6f8f7;
  --bg-2: #eaf1ef;
  --panel: #ffffff;
  --line: rgb(16 40 36 / .12);
  --shadow: 0 18px 48px rgb(13 60 52 / .10);
  --shadow-sm: 0 2px 10px rgb(13 60 52 / .07);

  /* text (contrast on --bg: fg 16.9, fg-soft 10.1, muted 5.2) */
  --fg: #0f1f1c;
  --fg-soft: #34433f;
  --muted: #5b6b67;

  /* accents (on --bg: accent 4.8, accent-2 5.1, accent-3 6.3; on-accent on accent 5.1) */
  --accent: #0d7c6c;
  --on-accent: #ffffff;
  --accent-2: #9a5b13;
  --accent-3: #2c5f8a;

  /* semantic: natural texture passes (good), defect alarms (bad) */
  --good: #15803d;
  --warn: #9a6200;
  --bad: #c2362d;

  /* materials of the illustrative surfaces in the sims */
  --wood: #d6aa74;
  --wood-2: #c08a50;
  --wood-grain: #9c6a35;
  --wood-knot: #6b3f1d;
  --wood-dark: #5a3518;
  --metal: #d8dde2;
  --metal-line: #7d8791;
  --metal-glint: #ffffff;
  --marble: #f2f0eb;
  --marble-2: #e4dfd6;
  --marble-vein: #8a847a;
  --crack: #24170e;
  --scratch: #2f353b;

  /* type */
  --font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --title-weight: 700;
  --title-tracking: -.02em;
  --accent-style: normal;

  /* layout */
  --measure: 680px;
  --wide: 1160px;
  --radius: 14px;
  --radius-lg: 24px;
  --term-bg: #fbfdfc;
}

/* Dark variant: only when post.theme = 'dark' (not used by this post). */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0e1513;
  --bg-2: #15201d;
  --panel: #18231f;
  --line: rgb(230 240 236 / .12);
  --shadow: 0 24px 64px rgb(0 0 0 / .4);
  --shadow-sm: 0 2px 12px rgb(0 0 0 / .3);
  --fg: #e8efec;
  --fg-soft: #b8c6c1;
  --muted: #8a9a95;
  --accent: #3dbaa2;
  --on-accent: #06201b;
  --accent-2: #e0a35c;
  --accent-3: #7fb2e0;
  --good: #5fd39a;
  --warn: #ffcf5c;
  --bad: #ff7a70;
  --term-bg: #0b100f;
}