/* SOFA · Tokens de diseño. Colores corporativos: azul marino #1A365D y rojo médico #8B0000 */
:root {
  /* Paleta oficial del logo: azul marino #1A365D (texto) · vino #8B0000 (sofá) · vino oscuro #640000 (patas) */
  --navy: #1A365D; --navy-2: #234876; --navy-3: #2E5A92; --red: #8B0000; --red-2: #640000; --red-bg: #F7E6E6; --heading: #1A365D;
  --bg: #F4F6F9; --surface: #FFFFFF; --surface-2: #EEF2F7;
  --ink: #172131; --ink-2: #4B5768; --ink-3: #6E7A89; --line: #DCE1E8;
  --ok: #23703B; --ok-bg: #E2F2E6; --warn: #8A5A00; --warn-bg: #FBEFD5;
  --bad: #8B0000; --bad-bg: #F9E3E3; --info: #1A365D; --info-bg: #E4ECF6;
  --on-navy: #FFFFFF; --focus: #2E5A92;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --r: 6px; --r-lg: 10px;
  --shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);
  --sidebar: 248px; --topbar: 56px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --navy: #0F2240; --navy-2: #1B355C; --navy-3: #9EC0EA;
    --bg: #0E131B; --surface: #161D28; --surface-2: #1C2533;
    --ink: #E7EBF1; --ink-2: #AAB4C2; --ink-3: #7F8A99; --line: #2A3443;
    --ok: #86D39A; --ok-bg: #16301E; --warn: #F0C06A; --warn-bg: #352812;
    --bad: #F29C9C; --bad-bg: #3A1819; --info: #9EC0EA; --info-bg: #172A44; --focus: #9EC0EA; --heading: #E7EBF1; --red: #C84B4B;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --navy: #0F2240; --navy-2: #1B355C; --navy-3: #9EC0EA;
  --bg: #0E131B; --surface: #161D28; --surface-2: #1C2533;
  --ink: #E7EBF1; --ink-2: #AAB4C2; --ink-3: #7F8A99; --line: #2A3443;
  --ok: #86D39A; --ok-bg: #16301E; --warn: #F0C06A; --warn-bg: #352812;
  --bad: #F29C9C; --bad-bg: #3A1819; --info: #9EC0EA; --info-bg: #172A44; --focus: #9EC0EA; --heading: #E7EBF1; --red: #C84B4B;
  color-scheme: dark;
}