/* Deck theme: kamera ile sayım ve sınıflandırma. DECK-OWNED.
   Light, calm industrial palette: Pro Sicht green leads, brass gold and
   a steel blue support it. The --cls-* tokens give each part type one colour,
   so legends, bars and boxes share one colour per class.
   Keep colours as hex: canvas code reads them with token() and alpha(). */

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

:root {
  color-scheme: light;

  /* surfaces */
  --bg: #f4f6f4;
  --bg-2: #e9edea;
  --panel: #ffffff;
  --line: rgb(20 40 34 / .13);
  --shadow: 0 18px 48px rgb(20 50 40 / .10);

  /* text (contrast on --bg: fg 15.4, fg-soft 8.6, muted 5.4) */
  --fg: #14201c;
  --fg-soft: #3c4a45;
  --muted: #5a6762;

  /* accents (on --bg: accent 4.7, accent-2 4.1, accent-3 5.8; white on accent 5.1) */
  --accent: #0b7d62;
  --on-accent: #ffffff;
  --accent-2: #a06d08;
  --accent-3: #3159c4;

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

  /* product class colours (legend swatches, bars, boxes) */
  --cls-vida: #e11646;
  --cls-somun: #37b446;
  --cls-pul: #4664d2;
  --cls-yay: #f58732;
  --cls-disli: #d4b90c;
  --cls-rulman: #9614b4;
  --cls-pim: #2fb8db;

  /* metal tones for drawn parts */
  --metal-gold: #c9a24a;
  --metal-silver: #9aa7b0;
  --tray: #dfe5e1;
  --light: #ffc93d;

  /* type */
  --font-display: 'Manrope', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --title-weight: 800;
  --title-tracking: -.035em;

  --radius: 16px;
  --term-bg: #fbfcfb;
}

/* Dark variant: only when the user asks for it (deck.theme = 'dark'). */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0d1211;
  --bg-2: #131a18;
  --panel: #18211f;
  --line: rgb(230 240 236 / .12);
  --shadow: 0 24px 64px rgb(0 0 0 / .35);
  --fg: #e8f0ec;
  --fg-soft: #b3c2bc;
  --muted: #7f8f89;
  --accent: #3fd1a6;
  --on-accent: #062018;
  --accent-2: #e5b85a;
  --accent-3: #7c9cff;
  --good: #5fd39a;
  --warn: #ffcf5c;
  --bad: #ff6b6b;
  --metal-gold: #d9b65e;
  --metal-silver: #b7c3cb;
  --tray: #222c29;
  --light: #ffd970;
  --term-bg: #0a0e0d;
}