/**
 * firewater-tokens.css — shared design tokens
 * Shell chrome: red accent. Inventory/Hub content: gold palette. Dashboard: red palette.
 */
:root {
  /* Typography */
  --fw-font: "Geist", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fw-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* 8px grid */
  --fw-space-1: 4px;
  --fw-space-2: 8px;
  --fw-space-3: 12px;
  --fw-space-4: 16px;
  --fw-space-5: 20px;
  --fw-space-6: 24px;
  --fw-space-8: 32px;
  --fw-space-10: 40px;

  /* Shell chrome — Dashboard red palette */
  --fw-brand: #b30000;
  --fw-brand-dark: #800000;
  --fw-brand-soft: rgba(179, 0, 0, 0.12);
  --fw-brand-border: rgba(179, 0, 0, 0.35);

  /* Surfaces */
  --fw-bg: #0a0a0a;
  --fw-bg-subtle: #0f0f10;
  --fw-surface: #141414;
  --fw-surface-raised: #1a1a1c;
  --fw-surface-hover: #232325;
  --fw-border: #2a2a2a;
  --fw-border-subtle: #1f1f1f;

  /* Text */
  --fw-text: #f5f5f5;
  --fw-text-secondary: #999;
  --fw-text-muted: #666;

  /* Inventory / Hub gold palette (content areas) */
  --fw-gold: #d4af37;
  --fw-gold-bright: #f5cc52;
  --fw-gold-dim: #8a7325;
  --fw-gold-soft: rgba(212, 175, 55, 0.1);

  /* Dashboard content tokens */
  --fw-dash-brand: #b30000;
  --fw-dash-brand-dark: #800000;
  --fw-dash-panel: #1a1a1c;
  --fw-dash-panel-2: #232325;
  --fw-dash-muted: #9a9a9c;
  --fw-dash-good: #2ea043;
  --fw-dash-bad: #e5484d;
  --fw-dash-warn: #f0b132;

  /* Semantic */
  --fw-danger: #d64545;
  --fw-success: #4ade80;
  --fw-warning: #fbbf24;

  /* Radius */
  --fw-radius-sm: 6px;
  --fw-radius-md: 8px;
  --fw-radius-lg: 12px;
  --fw-radius-xl: 16px;

  /* Shadows — soft, Linear-style */
  --fw-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.24);
  --fw-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.28);
  --fw-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.32);

  /* Shell layout */
  --fw-sidebar-width: 220px;
  --fw-bottom-nav-height: 56px;
  --fw-hub-tabbar-height: 72px;
  --fw-shell-topbar-height: 48px;

  /* Motion */
  --fw-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --fw-duration: 150ms;
}

/* App-scoped accent overrides */
html[data-fw-app="inventory"],
html[data-fw-app="hub"] {
  --fw-content-accent: var(--fw-gold);
  --fw-content-accent-dim: var(--fw-gold-dim);
  --fw-content-accent-soft: var(--fw-gold-soft);
}

html[data-fw-app="dashboard"] {
  --fw-content-accent: var(--fw-dash-brand);
  --fw-content-accent-dim: var(--fw-dash-brand-dark);
  --fw-content-accent-soft: var(--fw-brand-soft);
}