/* GENERATED COPY — do not edit by hand.
 * Canon: kaspa-safe/design/design-tokens.css (KaspaForge command-center design spec 2026-07-23).
 * web/assets/kf-tokens.test.js enforces byte parity with the canon; edit there, copy here. */
:root {
  color-scheme: dark;

  --kf-bg-primary: #070c0f;
  --kf-bg-secondary: #0b1216;
  --kf-bg-elevated: #101a1f;
  --kf-bg-overlay: rgb(3 7 9 / 0.84);
  --kf-bg-glass: rgb(16 28 33 / 0.78);
  --kf-bg-input: #0a1115;

  --kf-accent-primary: #19d3bd;
  --kf-accent-secondary: #63ead8;
  --kf-accent-hover: #4be5d0;
  --kf-accent-active: #12b7a4;
  --kf-accent-muted: #123c3a;
  --kf-accent-glow: rgb(25 211 189 / 0.28);

  --kf-success: #47d18c;
  --kf-warning: #f0b95b;
  --kf-danger: #ff6b6b;
  --kf-info: #5cb8ff;
  --kf-pending: #c7a7ff;
  --kf-offline: #88949a;

  --kf-text-primary: #f2f7f5;
  --kf-text-secondary: #b7c5c3;
  --kf-text-muted: #84938f;
  --kf-text-disabled: #5f6b69;
  --kf-text-inverse: #06110f;

  --kf-border-subtle: #1a2a2e;
  --kf-border-default: #274047;
  --kf-border-hover: #36555d;
  --kf-border-active: #2ae1ca;
  --kf-border-danger: #ff7979;
  --kf-border-glow: rgb(42 225 202 / 0.48);

  --kf-product-safe: #36d6b6;
  --kf-product-escrow: #54b6ff;
  --kf-product-deposit: #79c7ff;
  --kf-product-market: #f2b855;
  --kf-product-boards: #a58af7;
  --kf-product-wallet: #86e8d7;
  --kf-product-system: #16c7b2;

  --kf-space-1: 4px;
  --kf-space-2: 8px;
  --kf-space-3: 12px;
  --kf-space-4: 16px;
  --kf-space-5: 20px;
  --kf-space-6: 24px;
  --kf-space-8: 32px;
  --kf-space-10: 40px;
  --kf-space-12: 48px;
  --kf-space-16: 64px;
  --kf-space-20: 80px;
  --kf-space-24: 96px;

  --kf-radius-sm: 4px;
  --kf-radius-md: 8px;
  --kf-radius-lg: 12px;
  --kf-radius-xl: 16px;
  --kf-radius-pill: 999px;

  --kf-font-display: "Oswald", "Arial Narrow", sans-serif;
  --kf-font-body: "Golos Text", Inter, system-ui, sans-serif;
  --kf-font-mono: "JetBrains Mono", ui-monospace, monospace;

  --kf-shadow-default: 0 8px 24px rgb(0 0 0 / 0.24);
  --kf-shadow-elevated: 0 18px 48px rgb(0 0 0 / 0.38);
  --kf-shadow-accent: 0 0 24px rgb(25 211 189 / 0.16);
  --kf-shadow-accent-active: 0 0 0 1px rgb(42 225 202 / 0.42), 0 0 32px rgb(25 211 189 / 0.24);
  --kf-shadow-inner: inset 0 1px 0 rgb(255 255 255 / 0.045);

  --kf-duration-instant: 0ms;
  --kf-duration-micro: 120ms;
  --kf-duration-hover: 180ms;
  --kf-duration-control: 220ms;
  --kf-duration-panel: 300ms;
  --kf-duration-modal: 360ms;
  --kf-duration-section: 560ms;
  --kf-duration-background-short: 8s;
  --kf-duration-background-long: 30s;
  --kf-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --kf-ease-enter: cubic-bezier(0, 0, 0.2, 1);
  --kf-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --kf-ease-emphasized: cubic-bezier(0.2, 0.8, 0.2, 1);

  --kf-touch-min: 44px;
  --kf-control-sm: 36px;
  --kf-control-md: 44px;
  --kf-control-lg: 52px;
  --kf-content-max: 1280px;
  --kf-reading-max: 720px;
  --kf-sidebar: 248px;
  --kf-sidebar-compact: 80px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --kf-duration-micro: 0ms;
    --kf-duration-hover: 0ms;
    --kf-duration-control: 80ms;
    --kf-duration-panel: 120ms;
    --kf-duration-modal: 120ms;
    --kf-duration-section: 120ms;
  }
}