/* Skitty design tokens. Generated from the Skitty Design System (tokens.json). Daylight is the default; Night follows a dark system setting; set data-theme to force a theme. */
:root {
  --background: #F7F5F2;
  --chrome: rgba(250,249,247,0.82);
  --surface: #FFFFFF;
  --raised: #F0EDE8;
  --text: #1A1A1C;
  --muted: #8A857E;
  --accent: #1A9E45;
  --accent-text: #FFFFFF;
  --positive: #1A9E45;
  --ink: #26262A;
  --line: rgba(60,60,67,0.16);
  --danger: #FF3B30;
  --warm: #C77700;
  --panel: rgba(255,255,255,0.74);
  --panel-edge: rgba(255,255,255,0.95);
  --backdrop-top: #D3E7DA;
  --backdrop-mid: #ECF1EB;
  --backdrop-bottom: #F7F5F2;
  --glow: rgba(26,158,69,0.10);
  --under-par: #1A9E45;
  --bogey: #E08600;
  --double-bogey: #D0342C;
  --gir: #007AFF;
  --action: #1A9E45;
  --task-backdrop: #000000;
  --task-panel: rgba(40,40,44,0.72);
  --task-panel-edge: rgba(255,255,255,0.16);
  --task-accent: #30D158;
  --mark-ground: #14171A;
  --mark-paper: #F7F5F2;
  --mark-flag: #E5342B;
  --mark-ball: #007AFF;
  --gold: #F2C75C;
  --shadow-raised: 0 6px 18px rgba(0,0,0,0.10);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --tap-min: 44px;
  --chip-height: 48px;
  --button-primary: 54px;
  --keypad-key: 60px;
  --action-circle: 62px;
  --radius-panel: 26px;
  --radius-panel-lg: 30px;
  --radius-group: 22px;
  --radius-chip: 16px;
  --radius-pill: 18px;
  --radius-sheet: 28px;
  --radius-circle: 50%;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme]) {
    --background: #000000;
    --chrome: rgba(30,30,32,0.78);
    --surface: #1C1C1E;
    --raised: #2C2C2E;
    --text: #FFFFFF;
    --muted: #98989F;
    --accent: #30D158;
    --accent-text: #FFFFFF;
    --positive: #30D158;
    --ink: #F2F2F7;
    --line: rgba(84,84,88,0.45);
    --danger: #FF453A;
    --warm: #FF9F0A;
    --panel: rgba(36,36,40,0.72);
    --panel-edge: rgba(255,255,255,0.09);
    --backdrop-top: #10261F;
    --backdrop-mid: #070F0C;
    --backdrop-bottom: #000000;
    --glow: rgba(48,209,88,0.16);
    --under-par: #30D158;
    --bogey: #FF9F0A;
    --double-bogey: #FF453A;
    --gir: #0A84FF;
    --action: #30D158;
    --shadow-raised: 0 8px 24px rgba(0,0,0,0.55);
    color-scheme: dark;
  }
}
[data-theme="daylight"] {
  --background: #F7F5F2;
  --chrome: rgba(250,249,247,0.82);
  --surface: #FFFFFF;
  --raised: #F0EDE8;
  --text: #1A1A1C;
  --muted: #8A857E;
  --accent: #1A9E45;
  --accent-text: #FFFFFF;
  --positive: #1A9E45;
  --ink: #26262A;
  --line: rgba(60,60,67,0.16);
  --danger: #FF3B30;
  --warm: #C77700;
  --panel: rgba(255,255,255,0.74);
  --panel-edge: rgba(255,255,255,0.95);
  --backdrop-top: #D3E7DA;
  --backdrop-mid: #ECF1EB;
  --backdrop-bottom: #F7F5F2;
  --glow: rgba(26,158,69,0.10);
  --under-par: #1A9E45;
  --bogey: #E08600;
  --double-bogey: #D0342C;
  --gir: #007AFF;
  --action: #1A9E45;
  --shadow-raised: 0 6px 18px rgba(0,0,0,0.10);
  color-scheme: light;
}
[data-theme="night"] {
  --background: #000000;
  --chrome: rgba(30,30,32,0.78);
  --surface: #1C1C1E;
  --raised: #2C2C2E;
  --text: #FFFFFF;
  --muted: #98989F;
  --accent: #30D158;
  --accent-text: #FFFFFF;
  --positive: #30D158;
  --ink: #F2F2F7;
  --line: rgba(84,84,88,0.45);
  --danger: #FF453A;
  --warm: #FF9F0A;
  --panel: rgba(36,36,40,0.72);
  --panel-edge: rgba(255,255,255,0.09);
  --backdrop-top: #10261F;
  --backdrop-mid: #070F0C;
  --backdrop-bottom: #000000;
  --glow: rgba(48,209,88,0.16);
  --under-par: #30D158;
  --bogey: #FF9F0A;
  --double-bogey: #FF453A;
  --gir: #0A84FF;
  --action: #30D158;
  --shadow-raised: 0 8px 24px rgba(0,0,0,0.55);
  color-scheme: dark;
}
[data-theme="fairway"] {
  --background: #0C1F17;
  --chrome: rgba(16,41,30,0.80);
  --surface: #173025;
  --raised: #1F3F31;
  --text: #F4FBF2;
  --muted: #A3BCAF;
  --accent: #F2C75C;
  --accent-text: #10240F;
  --positive: #6FE0A6;
  --ink: #F4FBF2;
  --line: rgba(163,188,175,0.26);
  --danger: #FF8080;
  --warm: #6FE0A6;
  --panel: rgba(24,58,42,0.74);
  --panel-edge: rgba(255,255,255,0.09);
  --backdrop-top: #1B4A34;
  --backdrop-mid: #0F2C1F;
  --backdrop-bottom: #08180F;
  --glow: rgba(242,199,92,0.14);
  --under-par: #30D158;
  --bogey: #FF9F0A;
  --double-bogey: #FF453A;
  --gir: #0A84FF;
  --action: #F2C75C;
  --shadow-raised: 0 8px 24px rgba(0,0,0,0.50);
  color-scheme: dark;
}
/* Web additions (flagged in the design system README): readable label on accent, and a muted that holds 4.5:1. */
:root { --on-accent: var(--mark-ground); --muted-text: #5F5B55; }
@media (prefers-color-scheme: dark) { :root:not([data-theme]) { --muted-text: var(--muted); } }
[data-theme="night"] { --muted-text: var(--muted); }
[data-theme="fairway"] { --on-accent: var(--accent-text); --muted-text: var(--muted); }
body { font-family: var(--font-sans); -webkit-font-smoothing: antialiased; font-variant-numeric: tabular-nums; }
.sk-backdrop { background: radial-gradient(60% 50% at 12% 0%, var(--glow), transparent 70%), linear-gradient(180deg, var(--backdrop-top), var(--backdrop-mid) 55%, var(--backdrop-bottom)) fixed; }

[data-theme] { color: var(--text); }