/* Post theme: industrial light palette taken from the post's images:
   Pro Sicht green (logo, OK labels) as the lead accent, laser blue and
   robot orange as supporting accents. Keep every token name. */

@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@500..800&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap');

:root {
  color-scheme: light;

  /* surfaces */
  --bg: #f6f8f9;
  --bg-2: #e8edf0;
  --panel: #ffffff;
  --line: rgb(16 32 44 / .13);
  --shadow: 0 18px 48px rgb(16 32 44 / .10);
  --shadow-sm: 0 2px 10px rgb(16 32 44 / .06);

  /* text (contrast on --bg: fg ~16, fg-soft ~9.6, muted ~5.6) */
  --fg: #0f1c26;
  --fg-soft: #364754;
  --muted: #596773;

  /* accents (on --bg: accent ~5.3, accent-2 ~6.1, accent-3 ~4.6) */
  --accent: #0f7a52;
  --on-accent: #ffffff;
  --accent-2: #1f5fae;
  --accent-3: #b0521a;

  /* semantic */
  --good: #1d7f52;
  --warn: #9a6200;
  --bad: #c23838;

  /* type */
  --font-display: 'Exo 2', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'IBM Plex Sans', 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: 750;
  --title-tracking: -.015em;
  --accent-style: normal;

  /* layout */
  --measure: 680px;
  --wide: 1160px;
  --radius: 12px;
  --radius-lg: 20px;
  --term-bg: #fbfcfd;
}

/* Dark variant: only when post.theme = 'dark' (not used by this post). */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0e151b;
  --bg-2: #151e26;
  --panel: #1a242d;
  --line: rgb(230 238 243 / .12);
  --shadow: 0 24px 64px rgb(0 0 0 / .4);
  --shadow-sm: 0 2px 12px rgb(0 0 0 / .3);
  --fg: #e8eef2;
  --fg-soft: #b8c4cc;
  --muted: #8a98a3;
  --accent: #3fd18f;
  --on-accent: #062114;
  --accent-2: #7cb4ff;
  --accent-3: #ff9a5c;
  --good: #5fd39a;
  --warn: #ffcf5c;
  --bad: #ff6b6b;
  --term-bg: #0a1015;
}
