/* Design tokens shared by the directory (index.html) and the landing page (landing.html).
   Light by default; dark from the system, or from the header toggle saved as data-theme on <html>. */
:root {
  --bg: #fafaf9;
  --surface: #ffffff;
  --sunken: #f4f4f2;
  --line: #e7e6e3;
  --line-strong: #d6d4d0;
  --text: #1c1b19;
  --text-2: #57534e;
  --text-3: #8a857e;
  --accent: #1f5f4a;
  --accent-soft: #e8f0ec;
  --accent-text: #ffffff;
  --star: #b7791f;
  --danger: #a3361f;
  --c-carga: #2f6f9f;
  --c-intermediacion: #8a5a2b;
  --c-aduanal: #6b4f96;
  --c-pasajeros: #2f7f63;
  --shadow: 0 1px 2px rgb(28 27 25 / .04), 0 8px 24px -8px rgb(28 27 25 / .12);
  --radius: 8px;
  --sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "Geist Mono", ui-monospace, "SF Mono", Consolas, monospace;
  color-scheme: light;
}
/* Dark theme: the system's choice, unless the header toggle saved one (data-theme on <html>). */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #121211;
    --surface: #1a1a18;
    --sunken: #161615;
    --line: #2a2926;
    --line-strong: #3a3935;
    --text: #ecebe8;
    --text-2: #b0aca5;
    --text-3: #7d7871;
    --accent: #6fbf9c;
    --accent-soft: #1d2b25;
    --accent-text: #0e1a15;
    --star: #e0a94a;
    --danger: #e0806a;
    --c-carga: #6ea6d1;
    --c-intermediacion: #c89a6a;
    --c-aduanal: #a891d0;
    --c-pasajeros: #6fbf9c;
    --shadow: 0 1px 2px rgb(0 0 0 / .3), 0 12px 32px -8px rgb(0 0 0 / .5);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #121211;
  --surface: #1a1a18;
  --sunken: #161615;
  --line: #2a2926;
  --line-strong: #3a3935;
  --text: #ecebe8;
  --text-2: #b0aca5;
  --text-3: #7d7871;
  --accent: #6fbf9c;
  --accent-soft: #1d2b25;
  --accent-text: #0e1a15;
  --star: #e0a94a;
  --danger: #e0806a;
  --c-carga: #6ea6d1;
  --c-intermediacion: #c89a6a;
  --c-aduanal: #a891d0;
  --c-pasajeros: #6fbf9c;
  --shadow: 0 1px 2px rgb(0 0 0 / .3), 0 12px 32px -8px rgb(0 0 0 / .5);
  color-scheme: dark;
}
