/* Colors and fonts. Change the look of the whole app here.
   v4 "turquesa i corall": very light mint background with a turquoise sky and
   soft clouds at the top, white rounded cards, deep teal ink, a coral gradient
   for the main button and pastel tiles (mint, peach, sky, lime) per app.
   Fonts: Outfit (round geometric, titles) + Plus Jakarta Sans (text).
   Fixed meanings that never change: red = now, green = done.
   Readability rules: never white text on turquoise (too light) -> ink on it;
   white text on coral only big and bold (19px 800). */
:root{
  --bg:#F2FAF8; --panel:#FFFFFF; --panel-2:#E6F4F1; --ink:#15313A; --muted:#587078;
  --rule:#E1EEEB; --line:#C9DFDA;
  /* Brand: turquoise fills (ink text on top), darker turquoise for text/links */
  --brand:#2EC4B6; --brand-soft:#C9F1EB; --brand-text:#0A7066; --on-brand:#15313A;
  /* Sky at the top of each screen */
  --sky:#BDEFE7;
  /* Main action: coral gradient with white bold text */
  --cta-1:#F47A3E; --cta-2:#DF4D21; --on-cta:#FFFFFF;
  --cta:linear-gradient(135deg,var(--cta-1),var(--cta-2));
  /* Deep teal: numbers on the map, active day, small dark chips */
  --dark:#15313A; --on-dark:#FFFFFF;
  /* Pastel tiles */
  --p-mint:#D3F4EE; --p-peach:#FFE4D6; --p-sky:#D6EEFB; --p-lime:#E6F3C9;
  --i-mint:#0A7066; --i-peach:#C2410C; --i-sky:#1F6FA8; --i-lime:#4D7A12;
  /* Fixed meanings */
  --now:#D62F3C; --now-bg:#FCE4E6; --ok:#1F9D55; --ok-bg:#DDF3E6; --danger:#C62828;
  /* Trip color (each trip sets its own; only the EP button and the trip cards) */
  --accent:#2EC4B6; --accent-ink:#15313A;
  --accent-text:var(--brand-text);
  --display:"Outfit","Avenir Next","Helvetica Neue",Arial,sans-serif;
  --body:"Plus Jakarta Sans","Avenir Next","Helvetica Neue",Arial,sans-serif;
  /* Text sizes: 12 / 13 / 15 / 17 / 24 */
  --fs-xs:12px; --fs-s:13px; --fs-m:15px; --fs-l:17px; --fs-xl:24px;
  --r-card:26px; --r-thumb:18px;
  --shadow:0 6px 18px rgba(21,49,58,.07);
  color-scheme:light;
}