/* Grizz Locks design tokens. Dark is the default theme. */
:root, [data-theme="dark"] {
  --ground: #0B0D10;
  --surface: #14171C;
  --surface-raised: #1C2027;
  --line: #242A33;
  --line-strong: #646E7E;
  --ink: #F1F3F6;
  --ink-muted: #97A1B0;
  --amber: #F5A524;
  --amber-strong: #FFC15C;
  --amber-deep: #C8820F;
  --on-amber: #16110A;
  --gold-light: #FFE9A8;
  --gold: #F2B640;
  --gold-dark: #B8780C;
  --steel: #22324D;
  --on-steel: #E6ECF7;
  --edge: #2DD4BF;
  --edge-soft: #0F2E2B;
  --loss: #FF6B6B;
  --loss-soft: #3A1618;
  --focus: #7CC4FF;
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-sans: Manrope, "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-raised: 0 1px 0 rgba(255,255,255,0.04), 0 8px 24px rgba(0,0,0,0.45);
  --gold-gradient: linear-gradient(135deg, #FFE9A8 0%, #F2B640 30%, #B8780C 55%, #FFE9A8 80%, #B8780C 100%);
}

[data-theme="light"] {
  --ground: #F5F3EE;
  --surface: #FFFFFF;
  --surface-raised: #FBFAF7;
  --line: #E4E0D7;
  --line-strong: #8E8778;
  --ink: #101318;
  --ink-muted: #58606D;
  --amber-strong: #8A5300;
  --steel: #1E2B42;
  --edge: #0F766E;
  --edge-soft: #E3F4F1;
  --loss: #B42318;
  --loss-soft: #FBE9E7;
  --focus: #1D5FD1;
  --shadow-raised: 0 1px 2px rgba(16,19,24,0.06), 0 8px 24px rgba(16,19,24,0.08);
}