/* Explora web toolkit — tokens: colour, type, radius, shadow, motion.
   Sibling of the gestión app's core/static/explora/tokens.css: same brand pair
   (--blue = gestión --brand #3150a2, --coral = gestión --warm #e56270) and the same
   structure (light on bare :root, dark via prefers-color-scheme or data-theme).
   The sun/butter/salmon come from the old Squarespace theme; --electric from gestión.
   Load order (a contract): fonts → tokens → base → components. */
:root{
  /* palette — the five colours everything else is mixed from */
  --blue:#3150a2; --coral:#e56270; --sun:#f5c842; --butter:#fee683; --salmon:#f2795f;
  --electric:#22c3ee; --wa:#25d366; --navy:#1a1f3a;

  /* type: Montserrat headings (owner's pick, free stand-in for Vilane),
     Inter text (as gestión), JetBrains Mono for labels and numbers */
  --display:"Montserrat",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --dw:650; --dls:-.015em;

  --radius:18px; --radius-sm:11px; --radius-lg:28px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --maxw:1180px; --gutter:24px;

  /* light — "papel de laboratorio" */
  --ground:#fbf8f3; --dot:rgba(49,80,162,.13);
  --panel:#ffffff; --panel-glass:rgba(255,255,255,.8); --panel-2:#f4f1fa;
  --ink:#1a1f3a; --ink-2:#3b4262; --muted:#676d8c;
  --border:#e8e3ee; --border-strong:#d8d0e4; --edge:rgba(255,255,255,.95);
  --accent:#3150a2; --accent-hi:color-mix(in oklab,#3150a2 58%,#22c3ee);
  --glow:color-mix(in oklab,var(--accent-hi) 38%,transparent);
  /* palette colours safe for text on the page ground */
  --coral-ink:#c8404f; --sun-ink:#8a6500; --blue-ink:#3150a2;
  /* the blue "bench" bands (hero, packages) */
  --band:#3150a2; --band-ink:#ffffff; --band-muted:#cdd7f5; --band-dot:rgba(255,255,255,.16);
  --shadow:0 1px 1px rgba(26,31,58,.04),0 12px 32px -14px rgba(26,31,58,.22);
  --shadow-lg:0 30px 80px -26px rgba(26,31,58,.38);
  /* footer: night-lab navy in both themes */
  --foot-bg:#141a3d; --foot-ink:#eef1fb; --foot-muted:#9fa8cc; --foot-line:rgba(255,255,255,.1);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --ground:#0d1230; --dot:rgba(190,205,255,.08);
    --panel:#151c3f; --panel-glass:rgba(22,29,64,.76); --panel-2:#1b2450;
    --ink:#eef1fb; --ink-2:#cdd3ee; --muted:#9aa3c7;
    --border:#252f5c; --border-strong:#34417a; --edge:rgba(200,215,255,.07);
    --accent:#9db3ff; --accent-hi:color-mix(in oklab,#3150a2 35%,#22c3ee);
    --coral-ink:#ff8a95; --sun-ink:#ffd257; --blue-ink:#9db3ff;
    --band:#16215a; --band-muted:#b7c3ec; --band-dot:rgba(255,255,255,.08);
    --shadow:0 1px 1px rgba(0,0,0,.3),0 14px 34px -16px rgba(0,0,0,.7);
    --shadow-lg:0 30px 90px -20px rgba(0,0,0,.8);
    --foot-bg:#080b1f; --foot-line:rgba(255,255,255,.08);
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --ground:#0d1230; --dot:rgba(190,205,255,.08);
  --panel:#151c3f; --panel-glass:rgba(22,29,64,.76); --panel-2:#1b2450;
  --ink:#eef1fb; --ink-2:#cdd3ee; --muted:#9aa3c7;
  --border:#252f5c; --border-strong:#34417a; --edge:rgba(200,215,255,.07);
  --accent:#9db3ff; --accent-hi:color-mix(in oklab,#3150a2 35%,#22c3ee);
  --coral-ink:#ff8a95; --sun-ink:#ffd257; --blue-ink:#9db3ff;
  --band:#16215a; --band-muted:#b7c3ec; --band-dot:rgba(255,255,255,.08);
  --shadow:0 1px 1px rgba(0,0,0,.3),0 14px 34px -16px rgba(0,0,0,.7);
  --shadow-lg:0 30px 90px -20px rgba(0,0,0,.8);
  --foot-bg:#080b1f; --foot-line:rgba(255,255,255,.08);
}