/* shared-ui/tokens.css — THE canonical source of the Hiventiq design tokens
   (color themes only: :root dark, html.light, html.bzz). Every consuming app
   vendors this file by literal copy at build/deploy time — see
   scripts/check_drift.py for the list of vendored paths and README.md for
   how to use it. Edit only here, then re-copy into each vendored path; never
   hand-edit a vendored copy directly, or the next drift check will catch it.
   App stylesheets may EXTEND these tokens (layout vars, further app-specific
   themes) but must never re-declare a name already defined in one of these
   three blocks. */
:root {
  color-scheme: dark;
  --bg: #0b0d10;
  --bg-deep: #07090c;
  --bg-panel: #11151a;
  --bg-panel-raised: #161b22;
  --bg-input: #0d1117;
  --bg-hover: #1b222b;
  --border: #27313d;
  --border-dim: #1b222b;
  --border-strong: #3a4655;
  --text: #d7dde5;
  --text-head: #f3f6fa;
  --text-muted: #8f9baa;
  --text-dim: #687483;
  --primary: #ba7f04;
  --primary-hover: #d99a1a;
  --primary-soft: rgba(186, 127, 4, 0.14);
  --success: #4cc38a;
  --success-bg: rgba(76, 195, 138, 0.14);
  --danger: #ef6b73;
  --danger-bg: rgba(239, 107, 115, 0.14);
  --warning: #f0b429;
  --warning-bg: rgba(240, 180, 41, 0.16);
  --info: #6cb1f0;
  --info-bg: rgba(108, 177, 240, 0.14);
  --focus-ring: rgba(186, 127, 4, 0.32);
  --accent: var(--primary);
  --accent-bg: var(--primary-soft);
}
html.light {
  color-scheme: light;
  --bg: #f9f7f2;
  --bg-deep: #f0ebe0;
  --bg-panel: #ffffff;
  --bg-panel-raised: #ffffff;
  --bg-input: #ffffff;
  --bg-hover: #f3eee4;
  --border: #dcd4c4;
  --border-dim: #e8e2d5;
  --border-strong: #bfb5a2;
  --text: #2b2520;
  --text-head: #16120a;
  --text-muted: #6f6857;
  --text-dim: #8a8170;
  --primary: #a88015;
  --primary-hover: #8f6b0a;
  --primary-soft: rgba(168, 128, 21, 0.10);
  --success: #16845b;
  --success-bg: #e6f6ef;
  --danger: #c2414b;
  --danger-bg: #fde8eb;
  --warning: #a46c00;
  --warning-bg: #fff3cf;
  --info: #2a6db8;
  --info-bg: #e7f0fb;
}
/* Bzz mode: warm-amber dark theme, third variant alongside dark/light above.
   This is the superset that used to live only in brd/src/hiventiq_brd/static/
   style.css (q's own separate html.bzz copy in style.css lacked --text-faint,
   --text-ghost, --on-accent, --success-button, --danger-button — that drift
   is exactly why this block now lives here instead of in each app's own
   stylesheet). Keep in sync with apps/bzz/desktop/dashboard/style.css
   html.bzz if that file is ever reachable from this machine. */
html.bzz {
  color-scheme: dark;

  --bg:              #1a1815;
  --bg-deep:         #0f0d0a;
  --bg-panel:        #27221b;
  --bg-panel-raised: #31291f;
  --bg-input:        #1d1a16;
  --bg-hover:        #3a3228;

  --border:        #3f3a33;
  --border-dim:    #2a251f;
  --border-strong: #524b41;

  --text:       #f0ede8;
  --text-head:  #f9f7f3;
  --text-muted: #bbb5aa;
  --text-dim:   #8f8977;
  --text-faint: #7a7365;
  --text-ghost: #5e5646;

  --primary:       #d4a520;
  --primary-hover: #e8b838;
  --primary-soft:  rgba(212, 165, 32, 0.16);
  --on-accent:     #1a1200;

  --success:        #5ed18f;
  --success-bg:     rgba(94, 209, 143, 0.16);
  --success-button: #5ed18f;

  --warning:    #e8c068;
  --warning-bg: rgba(232, 192, 104, 0.16);

  --danger:        #f47c85;
  --danger-bg:     rgba(244, 124, 133, 0.16);
  --danger-button: #f47c85;

  --info:    #6cb1f0;
  --info-bg: rgba(108, 177, 240, 0.14);

  --focus-ring: rgba(212, 165, 32, 0.36);

  --accent:    var(--primary);
  --accent-bg: var(--primary-soft);
}