/* WeatherSense — generado desde tools/tokens.json */
:root, [data-theme="dia"] {
  --surface-0: #f3f5f4;
  --surface-1: #ffffff;
  --surface-2: #e8ecea;
  --line: #cdd5d1;
  --line-strong: #7b8b84;
  --ink: #14201c;
  --ink-muted: #4b5a54;
  --accent: #0b5f56;
  --on-accent: #ffffff;
  --temp: #b4411a;
  --hum: #1b5f8f;
  --press: #0f6b63;
  --light: #8a6200;
  --wind: #475a8f;
  --ok: #1d6b3a;
  --warn: #8a5a00;
  --danger: #a32424;
  --glass: #ffffffd9;
  --snow: #3b6a9e;
  --fog: #5a6b75;
  --frost: #1f6a8c;
  --sky-day-top: #2f7fc1;
  --sky-day-bottom: #a9d6f2;
  --sky-dusk-top: #35507f;
  --sky-dusk-bottom: #f2a166;
  --sky-night-top: #070d1c;
  --sky-night-bottom: #1c2e4f;
  --sky-grey-top: #6f7f8c;
  --sky-grey-bottom: #b7c1c8;
  --moon-light: #f5f0dc;
  --moon-dark: #1b2436;
  --shadow-raise: 0 1px 0 #ffffffb3 inset, 0 2px 4px #0b1a2a26, 0 14px 28px -10px #0b1a2a59;
  --shadow-lift: 0 1px 0 #ffffffcc inset, 0 4px 8px #0b1a2a2e, 0 24px 44px -14px #0b1a2a73;
}
[data-theme="noche"] {
  --surface-0: #0e1513;
  --surface-1: #151e1b;
  --surface-2: #1d2824;
  --line: #33433d;
  --line-strong: #6c7f77;
  --ink: #e6eeea;
  --ink-muted: #a3b3ab;
  --accent: #5fd0c3;
  --on-accent: #06201c;
  --temp: #ff9a6b;
  --hum: #6fb6ec;
  --press: #5fd0c3;
  --light: #f0c24d;
  --wind: #9db0ee;
  --ok: #6fd08c;
  --warn: #f0c24d;
  --danger: #ff8a80;
  --glass: #0e1513cc;
  --snow: #b9d9f5;
  --fog: #b3c1c8;
  --frost: #7fd0f0;
  --shadow-raise: 0 1px 0 #ffffff14 inset, 0 2px 4px #00000066, 0 14px 28px -10px #000000b3;
  --shadow-lift: 0 1px 0 #ffffff1f inset, 0 4px 8px #00000080, 0 24px 44px -14px #000000cc;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 28px;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, system-ui, "Segoe UI", sans-serif;
  --font-mono: "SF Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
}