/* Flywheel design tokens v1 — canon at https://flywheel.bz/style-guide
 * IMMUTABLE (cache-control: immutable, max-age=1y). Changes ship as tokens.v2.css
 * with a new SRI — never edit this file in place on assets.tfw.bz.
 * Namespaced --fw-* to coexist with each app's existing variables. Light mode only.
 * NOTE: declares font-family variables but does NOT load the fonts — copy the
 * font <link> snippets from the style guide's Typography section. */
:root {
  color-scheme: light; /* fleet is light-only; block OS/browser forced-dark inversion */

  /* Accent */
  --fw-accent: #00745E; /* Primary interactive — links, active nav, primary buttons */
  --fw-accent-hover: #005c4a; /* Hover/pressed state of --fw-accent */
  --fw-accent-light: rgba(0, 116, 94, 0.08); /* Active/selected backgrounds, subtle accent fills */
  --fw-brand-teal: #2BB29D; /* Header seam teal — brand highlight ONLY, never a UI accent */

  /* Neutrals */
  --fw-bg: #f8f9fb; /* Page background (cool light — never pure white, never cream) */
  --fw-surface: #ffffff; /* Cards, panels, inputs */
  --fw-bg-hover: #f0f2f5; /* Hover fill on neutral surfaces */
  --fw-border: #e2e6ed; /* Default borders & dividers */
  --fw-border-hover: #d0d5dd; /* Border on hover/focus-adjacent */
  --fw-text: #1a1f2e; /* Primary text */
  --fw-text-dim: #5f6880; /* Secondary text, labels */
  --fw-text-faint: #9ca3b4; /* Tertiary text, placeholders, footnotes */

  /* Status */
  --fw-green: #16a34a; /* Healthy / success */
  --fw-amber: #d97706; /* Warning / attention */
  --fw-red: #dc2626; /* Error / critical */

  /* Shape & elevation */
  --fw-radius: 6px; /* Default radius — buttons, inputs, chips */
  --fw-radius-lg: 10px; /* Cards, panels, modals */
  --fw-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05); /* Resting cards */
  --fw-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08); /* Hover lift, popovers */

  /* Typography */
  --fw-font-sans: 'Dosis', system-ui, sans-serif; /* App tier — all UI text inside app content areas */
  --fw-font-mono: 'JetBrains Mono', monospace; /* App tier — code, IDs, tabular data */
  --fw-font-display: 'Clash Display', sans-serif; /* Brand tier — wordmark/display only, weight 600 */
  --fw-font-brand: 'Satoshi', sans-serif; /* Brand tier — brand-surface nav & identity (400/500/700) */
}