/* Design tokens — Cornisas. Ported from the approved mockup.
   Brand: outdoor / friendly / adventurous. Palette: cold mountain + glacier. */

:root {
  /* Surfaces & text (light theme) */
  --page-bg: #E9ECEF;
  --surface: #FFFFFF;
  --surface-alt: #F4F7F8;
  --text-primary: #1D3557;
  --text-secondary: #457B9D;
  --border: rgba(29, 53, 87, 0.14);

  /* Brand */
  --accent: #2A9D8F;      /* teal glaciar */
  --accent-hover: #1D3557;
  --nav-bg: #1D3557;      /* azul montaña */
  --nav-border: rgba(255, 255, 255, 0.08);

  /* Day-category colors (quality traffic light) */
  --cat-excellent-bg: #2A9D8F;
  --cat-excellent-fg: #FFFFFF;
  --cat-good-bg: #48CAE4;
  --cat-good-fg: #0B2A3B;
  --cat-regular-bg: #E9C46A;
  --cat-regular-fg: #3A2E05;
  --cat-bad-bg: #E63946;
  --cat-bad-fg: #FFFFFF;

  /* Confidence gradient stops */
  --muted-warn: #E9C46A;
  --muted-bad: #E63946;

  /* Radii */
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 20px;

  /* Shadows */
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-card-best: 0 4px 16px rgba(42, 157, 143, 0.18);

  /* Typography */
  --font-body: "Inter", system-ui, sans-serif;
  --font-display: "Oswald", var(--font-body);
}

/* Dark theme tokens kept ready for a future toggle (not activated yet). */
:root[data-theme="dark"] {
  --page-bg: #0F1A2E;
  --surface: #17253F;
  --surface-alt: #1C2C4A;
  --text-primary: #EAF1F8;
  --text-secondary: #9FB8D1;
  --border: rgba(255, 255, 255, 0.12);
  --accent: #3FBBAB;
  --accent-hover: #7FE0D3;
  --nav-bg: #0B1526;
}