/* ═══════════════════════════════════════════════════════════════════════════
   Aqua Redesign Tokens — single source of truth for the new color palette.
   ───────────────────────────────────────────────────────────────────────────
   • Loaded after aqua-theme-variables.css in App.razor.
   • Only declarations. No selectors beyond :root / [data-theme="…"].
   • Consumed by per-page scoped CSS in OnlineMes.Theme.Aqua via var(--rd-*).
   • See docs/aqua-redesign/ for the migration playbook + token reference.
   ═══════════════════════════════════════════════════════════════════════════ */

:root,
[data-theme="light"] {
  /* — Section surfaces ——————————————————————————————————————— */
  --rd-section-bg:                #eef5fb;
  --rd-section-border:            #c0d1dd;
  --rd-section-shadow:            0 4px 10px rgba(15, 23, 42, .04);

  /* — Section header band ——————————————————————————————————— */
  --rd-section-header-bg:         #a9cdea;
  --rd-section-header-border:     #86b3d6;
  --rd-section-header-text:       #ffffff;

  /* — Sub-header / filter band ——————————————————————————————— */
  --rd-subheader-bg:              #d7e9f6;
  --rd-subheader-bg-strong:       #c7deef;
  --rd-subheader-border:          #9fc4e0;
  --rd-subheader-text:            #264863;
  --rd-subheader-icon-color:      #ffffff;

  /* — Accents ———————————————————————————————————————————————— */
  --rd-accent-teal:               #1abc9c;
  --rd-accent-blue:               #2979b0;
  --rd-accent-cyan:               #0e7490;

  /* — Primary action button ————————————————————————————————— */
  --rd-btn-primary-bg:            linear-gradient(135deg, #0e7490 0%, #2979b0 60%, #1abc9c 100%);
  --rd-btn-primary-text:          #ffffff;
  --rd-btn-primary-shadow:        0 2px 6px rgba(14, 116, 144, .25);

  /* — Body text on redesign surfaces ————————————————————————— */
  --rd-text-on-section:           #1f3a52;
  --rd-text-muted-on-section:     #5a7791;
}

/* ═══ DARK mode overrides ═══════════════════════════════════════════════════
   Fill in as dark-mode designs are finalized per page. Until then, dark mode
   inherits the light values above (acceptable because redesign rollout is
   primarily light-first per the current HotelPriceSearch reference).
   ─────────────────────────────────────────────────────────────────────────── */

[data-theme="dark"] {
  /* TODO: define --rd-* dark values as the redesign expands. */
}