/* Dirección B · Guía documental. Valores compartidos por inicio y recorridos. */
:root {
  --color-canvas: #f4f5f5;
  --color-surface: #ffffff;
  --color-surface-subtle: #eef2f4;
  --color-text: #182c38;
  --color-text-muted: #2f4652;
  --color-border-subtle: #7a8d98;
  --color-border-control: #5f7480;
  --color-action: #006ea8;
  --color-action-hover: #004b78;
  --color-on-action: #ffffff;
  --color-link: #005b8e;
  --color-brand-accent: #ffed00;
  --color-focus: #005b8e;
  --color-success: #246342;
  --color-success-soft: #eaf4ed;
  --color-warning: #785600;
  --color-warning-soft: #fff5ce;
  --color-error: #b42318;
  --color-error-soft: #fff0ee;
  --color-info: #005b8e;
  --color-info-soft: #eaf2f7;
  --font-family-ui: "Segoe UI Variable", "Segoe UI", Tahoma, sans-serif;
  --font-family-code: "Cascadia Mono", Consolas, monospace;
  --font-family-speech: "Times New Roman", Times, "Liberation Serif", serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-control: 6px;
  --radius-group: 8px;
  --radius-dialog: 12px;
}

html[data-theme="dark"] {
  --color-canvas: #111b23;
  --color-surface: #1b2934;
  --color-surface-subtle: #243541;
  --color-text: #e8eff3;
  --color-text-muted: #b4c3cc;
  --color-border-subtle: #405462;
  --color-border-control: #7f97a6;
  --color-action: #006ea8;
  --color-action-hover: #005e93;
  --color-on-action: #ffffff;
  --color-link: #8fcfff;
  --color-brand-accent: #ffed00;
  --color-focus: #8fcfff;
  --color-success: #91d5ab;
  --color-success-soft: #20392b;
  --color-warning: #ebd174;
  --color-warning-soft: #38321e;
  --color-error: #ffaaa2;
  --color-error-soft: #422a2d;
  --color-info: #95cae9;
  --color-info-soft: #223744;
}