:root {
  color-scheme: light dark;

  --r7-sernatur: #08304d;

  /* Colores de destino tomados del esquema oficial "Esquema Ruta 7 v4":
     son la referencia única para los tramos dibujados en los tres productos. */
  --r7-queulat: #98b826;
  --r7-coyhaique-aysen: #cc523d;
  --r7-chelenko: #edc23f;
  --r7-glaciares: #1e4f78;
  --r7-navegable: #9fc3e5;
  --r7-ice: #a6e9f7;

  --r7-bg: #f7fafc;
  --r7-surface: #ffffff;
  --r7-text: #102b3e;
  --r7-text-muted: #4c6474;
  --r7-border: #c9d6de;
  --r7-link: #075b88;
  --r7-focus: #cc513f;
  --r7-success: #47731d;
  --r7-warning: #9a4c00;
  --r7-danger: #a52d24;
  --r7-shadow: 0 0.25rem 1rem rgb(8 48 77 / 14%);

  --r7-space-1: 0.25rem;
  --r7-space-2: 0.5rem;
  --r7-space-3: 0.75rem;
  --r7-space-4: 1rem;
  --r7-space-5: 1.5rem;
  --r7-space-6: 2rem;
  --r7-radius-sm: 0.375rem;
  --r7-radius-md: 0.75rem;
  --r7-radius-pill: 999px;
  --r7-content-max: 80rem;
  --r7-font:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}

:root[data-theme="dark"],
:root[data-tema="oscuro"] {
  --r7-bg: #071e2d;
  --r7-surface: #0d3853;
  --r7-text: #f2fbff;
  --r7-text-muted: #c3d8e3;
  --r7-border: #4f7183;
  --r7-link: #a6e9f7;
  --r7-focus: #f49a8c;
  --r7-success: #b9d96d;
  --r7-warning: #ffc073;
  --r7-danger: #ff9b8e;
  --r7-shadow: 0 0.25rem 1rem rgb(0 0 0 / 35%);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]):not([data-tema]) {
    --r7-bg: #071e2d;
    --r7-surface: #0d3853;
    --r7-text: #f2fbff;
    --r7-text-muted: #c3d8e3;
    --r7-border: #4f7183;
    --r7-link: #a6e9f7;
    --r7-focus: #f49a8c;
    --r7-shadow: 0 0.25rem 1rem rgb(0 0 0 / 35%);
  }
}