/* Theme overrides — edit this file to customise colors, fonts, and spacing.
   Any CSS variable from styles.css :root can be overridden here.

   Available variables:

   Pico:    --pico-primary, --pico-primary-hover, --pico-primary-focus,
            --pico-primary-background, --pico-primary-hover-background,
            --pico-primary-inverse, --pico-border-radius, --pico-container-max-width

   Colors:  --color-primary, --color-primary-hover, --color-info, --color-danger,
            --color-text, --color-text-muted, --color-border, --color-border-light,
            --color-surface, --color-surface-alt

   Calendar: --cal-booked-bg, --cal-booked-border, --cal-own-bg, --cal-own-border,
             --cal-selected-bg, --cal-selected-border, --cal-selected-text
   Note: --cal-selected-* are for the booking selection (green) — not the theme primary.

   The nav bar uses: linear-gradient(135deg, --color-primary, --color-primary-hover)
   so a warm --color-primary + cool --color-primary-hover gives a sun-into-ocean effect.

   Dark mode overrides go inside:
   @media (prefers-color-scheme: dark) { :root { ... } }
*/
:root {
  font-size: 16px;

  /* ──────────────────────────────────────────────────────────
     Uncomment ONE theme block below and comment out the others.
     ────────────────────────────────────────────────────────── */

  /* — A) Warm sunset into deep ocean — 
  --color-primary: #e08a3a;
  --color-primary-hover: #1a6b8a;
  --pico-primary: #2889a8;
  --pico-primary-hover: #1a6b8a;
  --pico-primary-focus: rgba(40, 137, 168, 0.25);
  --pico-primary-background: #2889a8;
  --pico-primary-hover-background: #1a6b8a;
  */

  /* — B) Golden hour into Mediterranean blue — 
  --color-primary: #d4903c;
  --color-primary-hover: #1e78a8;
  --pico-primary: #1e78a8;
  --pico-primary-hover: #165d84;
  --pico-primary-focus: rgba(30, 120, 168, 0.25);
  --pico-primary-background: #1e78a8;
  --pico-primary-hover-background: #165d84;
/*  */

  /* — C) Coral sky into turquoise water — 
  --color-primary: #cf7b5f;
  --color-primary-hover: #1a8c8c;
  --pico-primary: #1a8c8c;
  --pico-primary-hover: #147070;
  --pico-primary-focus: rgba(26, 140, 140, 0.25);
  --pico-primary-background: #1a8c8c;
  --pico-primary-hover-background: #147070;
/*  */

  /* — D) Blue sky / blue water (original) — */
  --color-primary: #2ca8ff;
  --color-primary-hover: #155e96;
  --pico-primary: #1a7bbf;
  --pico-primary-hover: #155e96;
  --pico-primary-focus: rgba(26, 123, 191, 0.25);
  --pico-primary-background: #1a7bbf;
  --pico-primary-hover-background: #155e96;
/*  */
}