/* AlToque! - tokens propios, tono bancario sobrio, poco saturado. */
:root {
  --bg: #F5F7FA;
  --surface: #FFFFFF;
  --border: #DDE3EA;
  --text: #1B2533;
  --text-muted: #5B6878;
  --primary: #1F4E79;
  --primary-strong: #173B5C;
  --on-primary: #FFFFFF;
  --accent: #4A90A4;
  --success: #3C8D6E;
  --warning: #C08A3E;
  --danger: #B85450;
  --radius-s: 12px;
  --radius: 16px;
  --shadow-soft: 0 1px 3px rgba(27, 37, 51, 0.08);
  --shadow-card: 0 1px 3px rgba(27, 37, 51, 0.08), 0 4px 14px rgba(27, 37, 51, 0.06);
  --at-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --at-bg: var(--bg);
  --at-card: var(--surface);
  --at-line: var(--border);
  --at-ink: var(--text);
  --at-muted: var(--text-muted);
  --at-navy: var(--primary);
  --at-navy-2: var(--primary-strong);
  --at-blue: var(--primary);
  --at-blue-soft: var(--border);
  --at-blue-pale: var(--bg);
  --at-ok: var(--success);
  --at-warn: var(--warning);
  --at-bad: var(--danger);
  --at-radius: var(--radius);
  --at-radius-s: var(--radius-s);
  --at-shadow: var(--shadow-card);
}

[data-at-tema="oscuro"] {
  --bg: #121821;
  --surface: #1A2230;
  --border: #2A3545;
  --text: #E6EBF1;
  --text-muted: #A3AFBF;
  --primary: #6E9CC4;
  --primary-strong: #6E9CC4;
  --on-primary: #0E1A26;
  --accent: #7FB3C4;
  --success: #6FA895;
  --warning: #C49A5E;
  --danger: #C97B78;
  --shadow-soft: 0 1px 3px rgba(0, 0, 0, 0.35);
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.35), 0 4px 14px rgba(0, 0, 0, 0.3);
}