/* ==========================================================================
   Theme: Blackboard — the Thinkori app's dark palette (the "Blackboard"
   theme's `.dark` tokens), as the second proof that themes are drop-in.
   Near-black canvas, charcoal cards, violet accent, yellow pops.

   Adding a theme = copy this file, re-point the token values, register it
   in js/config.js (THEMES) and give it a swatch list. Nothing else changes.
   ========================================================================== */

[data-theme="blackboard"] {
  color-scheme: dark;

  /* Canvas & surfaces */
  --canvas: #0a0a0c;
  --surface: #151519;
  --surface-2: #1e1e24;
  --ink: #f4f4f5;
  --muted: #a1a1aa;
  --faint: #6b6b76;
  --line: #31313a;
  --line-strong: #43434e;

  /* Brand action */
  --accent: #6d6de8;
  --accent-hover: #8383ef;
  --accent-ink: #ffffff;

  /* Accent pop — the pink family used for highlights (text marks, icons) */
  --accent-pop: #f472b6;
  --accent-pop-ink: #111114;

  /* Chrome — the header wears the charcoal card surface */
  --header-bg: #151519;
  --header-ink: #f4f4f5;

  /* Pops (decorative) */
  --highlight: #ffe135; /* yellow marker */
  --on-highlight: #111114; /* ink that sits ON the yellow */
  --pop-1: #f472b6;     /* pink */
  --pop-2: #22d3ee;     /* cyan */
  --pop-3: #fb923c;     /* orange */
  --pop-4: #fde047;     /* yellow */

  /* Status */
  --good-bg: rgb(2 44 34 / 0.6);
  --good-ink: #6ee7b7;
  --warn-bg: rgb(69 26 3 / 0.6);
  --warn-ink: #fcd34d;
  --bad-bg: rgb(69 10 10 / 0.6);
  --bad-ink: #fca5a5;

  /* Structure — quiet, floating */
  --border-w: 1px;
  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 20px;
  --shadow-card: 0 1px 2px rgb(0 0 0 / 0.4), 0 4px 16px rgb(0 0 0 / 0.3);
  --shadow-card-hover: 0 2px 4px rgb(0 0 0 / 0.45), 0 10px 28px rgb(0 0 0 / 0.4);
  --shadow-inset: inset 0 0 0 1px rgb(255 255 255 / 0.03);
  --btn-press-shift: 1px;

  /* Type */
  --font-display: "Space Grotesk Variable", "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  /* Focus */
  --focus-ring: 2px solid #8383ef;

  /* Decorative canvas texture: faint white math-grid over the black */
  --canvas-grid-line: rgba(255, 255, 255, 0.045);
  --hero-panel: #151519;
}