/* themes.css — tokens de color. Claro por defecto; oscuro manual o automático. */
:root {
  color-scheme: light;
  --bg: #EDF1F6;
  --surface: #FFFFFF;
  --surface-2: #E2E8F0;
  --ink: #16203A;
  --ink-2: #56627A;
  --line: #D3DAE4;
  --accent: #17706A;       /* verde caribe profundo */
  --accent-soft: #D4ECE8;
  --accent-ink: #FFFFFF;
  --sun: #E0931F;          /* el "ahora": dorado de amanecer */
  --sun-soft: #FCEBD0;
  --danger: #B3372F;
  --shadow: 0 1px 2px rgba(22, 32, 58, .05), 0 6px 20px rgba(22, 32, 58, .06);
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0E1524;
  --surface: #172036;
  --surface-2: #222D46;
  --ink: #E7ECF5;
  --ink-2: #9BA7BE;
  --line: #2B3753;
  --accent: #4CB7AD;
  --accent-soft: #173F3F;
  --accent-ink: #06201E;
  --sun: #F4B650;
  --sun-soft: #3A2E17;
  --danger: #F07A70;
  --shadow: none;
}

@media (prefers-color-scheme: dark) {
  [data-theme="auto"] {
    color-scheme: dark;
    --bg: #0E1524;
    --surface: #172036;
    --surface-2: #222D46;
    --ink: #E7ECF5;
    --ink-2: #9BA7BE;
    --line: #2B3753;
    --accent: #4CB7AD;
    --accent-soft: #173F3F;
    --accent-ink: #06201E;
    --sun: #F4B650;
    --sun-soft: #3A2E17;
    --danger: #F07A70;
    --shadow: none;
  }
}