/*
 * tokens.css — GENERATED by veldi-design-system/build.rs from Rust
 * constants in src/tokens/color.rs per design-language.md §4.1 token-
 * naming discipline.
 *
 * DO NOT EDIT THIS FILE BY HAND. Edit the source `const`s in
 * `src/tokens/color.rs` + rebuild.
 *
 * The file is emitted to OUT_DIR; consumers materialize it on-disk via
 * their own build scripts (see e.g. `veldi-io/cloud/crates/veldi-web/
 * shared/build.rs` which writes the emitted CSS to a Trunk-discoverable
 * path).
 */
:root {
  /* Neutral palette per design-language.md §1.2 (Tier 0→12) */
  --color-neutral-00: #0a0a0a;
  --color-neutral-01: #1a1a1a;
  --color-neutral-02: #2a2a2a;
  --color-neutral-03: #3a3a3a;
  --color-neutral-04: #4a4a4a;
  --color-neutral-05: #6a6a6a;
  --color-neutral-06: #808080;
  --color-neutral-07: #9a9a9a;
  --color-neutral-08: #b0b0b0;
  --color-neutral-09: #d9d9d9;
  --color-neutral-10: #e6e6e6;
  --color-neutral-11: #f2f2f2;
  --color-neutral-12: #f8f8f8;
}

/* Dark canvas — applies when <html data-mode="dark"> or .theme-dark */
[data-mode="dark"],
.theme-dark {
  --color-bg: #0a0a0a;
  --color-bg-soft: #1a1a1a;
  --color-fg: #f3f5f7;
  --color-fg-muted: #8a929b;
  --color-fg-quiet: #5a6168;
  --color-border: #1c252e;
  --color-divider: #141b22;
  --accent: var(--accent-dark);
  color-scheme: dark;
}

/* Light canvas — applies when <html data-mode="light"> or .theme-light */
[data-mode="light"],
.theme-light {
  --color-bg: #fafbfc;
  --color-bg-soft: #f3f5f7;
  --color-fg: #0b0f14;
  --color-fg-muted: #4a5159;
  --color-fg-quiet: #7c848c;
  --color-border: #e1e5e9;
  --color-divider: #ebeef1;
  --accent: var(--accent-light);
  color-scheme: light;
}

/* Defensive fallback if <html> has no data-mode attribute */
:root:not([data-mode]) {
  --color-bg: #fafbfc;
  --color-bg-soft: #f3f5f7;
  --color-fg: #0b0f14;
  --color-fg-muted: #4a5159;
  --color-fg-quiet: #7c848c;
  --color-border: #e1e5e9;
  --color-divider: #ebeef1;
  --accent: var(--accent-light);
  color-scheme: light;
}
