/* Ultimate Clock · tokens del sistema "Línea de banda".
   Claro: pensado para sol directo (fondo gris, paneles blancos, tinta casi negra).
   Oscuro: pensado para noche y gimnasio (negro puro, paneles grafito). */
:root{
  --bg:#e9ecf1;--panel:#fff;--panel-dark:#101216;--ink:#0f1115;--muted:#5a606d;--line:#d4d8df;
  --accent:#1b47e2;--accent-ink:#fff;--accent-2:#101216;--signal:#0f8a3c;--warning:#a35a00;--danger:#c81e1e;
  --focus:#1b47e2;--ufm:#7c3aed;--help:#0f8a3c;--bg-2:#f1f3f6;--page-ink:#0f1115;--panel-display:#000;
  --font-body:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --font-display:'SF Pro Display',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --font-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --gap:8px;--pad:12px;--radius:12px;--radius-sm:8px;--rule:1px solid var(--line);
  --bar:52px;--foot:26px;--touch:48px;--dur-short:140ms;
  --shadow:0 1px 2px #0000000f,0 2px 8px #0000000a;
}
html[data-theme="dark"]{
  --bg:#000;--panel:#15171c;--panel-dark:#0a0b0e;--ink:#f4f5f7;--muted:#9aa1ad;--line:#2a2e36;
  --accent:#4d74ff;--accent-ink:#fff;--accent-2:#0a0b0e;--signal:#3ddc76;--warning:#ffbb4d;--danger:#ff5c5c;
  --focus:#8ea8ff;--bg-2:#1e2128;--help:#178a45;--page-ink:#f4f5f7;--shadow:none;
}
html[data-theme="custom"]{--panel-dark:var(--accent-2);--bg-2:var(--panel)}