/* DERIVED FROM config/design-tokens.json — do not hand-edit.
 * Regenerate via `bin/fetch-design-tokens --regenerate` or wait for the next theme-bot PR.
 * Theme: Dyno v1.0.0
 * Rendered at: 2026-06-23T00:00:00Z
 */
:root {
  /* Colors */
  --color-held: #cc5400;
  --color-info: #0a73b8;
  --color-text: #0e1822;
  --color-muted: #e3ebf1;
  --color-accent: #cc5400;
  --color-danger: #dc2626;
  --color-notice: #b8860b;
  --color-primary: #f6f8fa;
  --color-success: #4e8a23;
  --color-surface: #ffffff;
  --color-warning: #c2790a;
  --color-accent-2: #0a73b8;
  --color-text-muted: #566877;
  --color-muted-hover: #d4e0e9;
  --color-accent-hover: #b34800;
  --color-border-subtle: rgba(14,24,34,0.10);
  --color-accent-foreground: #ffffff;

  /* Typography */
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  --font-sans: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-weight-bold: 700;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --tracking-wide: 0.025em;
  --font-weight-semibold: 600;
  --tracking-tight: -0.025em;
  --tracking-wider: 0.05em;

  /* Border radius */
  --radius-lg: 0.5rem;
  --radius-md: 0.375rem;
  --radius-sm: 0.125rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;

  /* Shadows */
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-glow-held: 0 0 25px rgba(245,121,30,0.45);
  --shadow-glow-danger: 0 0 20px rgba(239,83,80,0.35);
  --shadow-glow-success: 0 0 25px rgba(124,194,66,0.45);
  --shadow-glow-held-strong: 0 0 35px rgba(245,121,30,0.65);
  --shadow-glow-danger-strong: 0 0 30px rgba(239,83,80,0.55);
  --shadow-glow-success-strong: 0 0 35px rgba(124,194,66,0.65);
}

.dark {
  /* Colors — dark-mode override */
  --color-held: #f5791e;
  --color-info: #2bb6e6;
  --color-text: #eef3f7;
  --color-muted: #243340;
  --color-accent: #f5791e;
  --color-danger: #ef5350;
  --color-notice: #facc15;
  --color-primary: #0a0e12;
  --color-success: #7cc242;
  --color-surface: #141b22;
  --color-warning: #f6a609;
  --color-accent-2: #2bb6e6;
  --color-text-muted: #9fb1bf;
  --color-muted-hover: #2d4150;
  --color-accent-hover: #ff9347;
  --color-border-subtle: rgba(255,255,255,0.09);
  --color-accent-foreground: #0a0e12;
}