:root {
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", "Cascadia Code", "Consolas", "Liberation Mono", Menlo, monospace;
  --header-h: 60px;
  --nav-h: 64px;
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-l: env(safe-area-inset-left, 0px);
  --safe-r: env(safe-area-inset-right, 0px);
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 22px;
}

/* Escenario: negro puro (ahorra batería en OLED y da el máximo contraste
   bajo luces), un solo acento azul y sus matices. */
:root[data-theme="dark"] {
  --bg: #000000;
  --bg-alt: #0a0a0c;
  --panel: #111114;
  --panel-2: #1a1a1f;
  --border: #26262e;
  --text: #f3f3f6;
  --text-dim: #9a9aa6;
  --text-faint: #62626e;
  --accent: #3da9fc;
  --accent-dim: #7cc3fd;
  --accent-strong: #1a8ae0;
  --accent-soft: rgba(61, 169, 252, .14);
  --danger: #ff453a;
  --shadow: 0 8px 28px rgba(0, 0, 0, .6);
  --overlay: rgba(0, 0, 0, .78);
  color-scheme: dark;
}

:root[data-theme="light"] {
  --bg: #f6f7f9;
  --bg-alt: #ffffff;
  --panel: #ffffff;
  --panel-2: #eef0f4;
  --border: #dde1e8;
  --text: #14161a;
  --text-dim: #565d68;
  --text-faint: #868d99;
  --accent: #0a72c4;
  --accent-dim: #2b8ad6;
  --accent-strong: #075696;
  --accent-soft: rgba(10, 114, 196, .1);
  --danger: #d92d20;
  --shadow: 0 8px 24px rgba(15, 23, 42, .1);
  --overlay: rgba(15, 23, 42, .5);
  color-scheme: light;
}