/* ============================================
   CALENDAR THEME TOKENS — VARIANTS
   Extracted from calendar-themes.css
   ============================================ */


/* ============================================
   THEME: Soft Ember
   ============================================ */
:root[data-theme="ember"] {
  --color-text-primary: #f7c9a1;
  --color-text-muted: rgba(247, 201, 161, 0.75);
  --color-text-label: rgba(247, 201, 161, 0.7);

  --color-accent-primary: #f7c9a1;
  --color-accent-primary-hover: #f4b98a;
  --color-accent-outline-strong: rgba(247, 201, 161, 0.9);
  --color-accent-outline-subtle: rgba(247, 201, 161, 0.45);
  --color-accent-outline-subtle-strong: rgba(247, 201, 161, 0.75);

  --color-surface-nav: rgba(32, 18, 12, 0.85);
  --color-surface-filters-top: rgba(32, 18, 12, 0.85);
  --color-surface-filters-bottom: #1a0f0b;
  --color-surface-day-header: rgba(26, 14, 10, 0.96);
  --color-surface-date: rgba(26, 14, 10, 0.96);
  --color-surface-date-hover: rgba(34, 18, 12, 0.98);
  --color-surface-modal: rgba(30, 16, 12, 0.96);

  --color-surface-grid-bg: rgba(247, 201, 161, 0.18);

  --color-booking-bar-provisional-stripe: rgba(247, 201, 161, 0.7);
  --color-booking-bar-unavailable-dark: rgba(247, 201, 161, 0.35);
  --color-booking-bar-unavailable-light: rgba(247, 201, 161, 0.55);

  --color-fell-icon: #f7c9a1;
  --color-fell-icon-rgb: 247, 201, 161;
}


/* ============================================
   THEME: Bright Citrus
   ============================================ */
:root[data-theme="citrus"] {
  --color-text-primary: #ff9b42;
  --color-text-muted: rgba(255, 155, 66, 0.75);
  --color-text-label: rgba(255, 155, 66, 0.7);

  --color-accent-primary: #ff9b42;
  --color-accent-primary-hover: #ff8a24;
  --color-accent-outline-strong: rgba(255, 155, 66, 0.9);
  --color-accent-outline-subtle: rgba(255, 155, 66, 0.45);
  --color-accent-outline-subtle-strong: rgba(255, 155, 66, 0.75);

  --color-surface-nav: rgba(255, 235, 220, 0.85);
  --color-surface-filters-top: rgba(255, 235, 220, 0.85);
  --color-surface-filters-bottom: #ffe7d4;
  --color-surface-day-header: rgba(255, 240, 230, 0.96);
  --color-surface-date: rgba(255, 240, 230, 0.96);
  --color-surface-date-hover: rgba(255, 232, 220, 0.98);
  --color-surface-modal: rgba(255, 238, 225, 0.96);

  --color-surface-grid-bg: rgba(255, 155, 66, 0.15);

  --color-booking-bar-provisional-stripe: rgba(255, 155, 66, 0.6);
  --color-booking-bar-unavailable-dark: rgba(255, 155, 66, 0.35);
  --color-booking-bar-unavailable-light: rgba(255, 155, 66, 0.55);

  --color-fell-icon: #f09628;
  --color-fell-icon-rgb: 240, 150, 40;
}


/* ============================================
   THEME: Burnt Sienna Luxe
   ============================================ */
:root[data-theme="sienna"] {
  --color-text-primary: #d87a4a;
  --color-text-muted: rgba(216, 122, 74, 0.75);
  --color-text-label: rgba(216, 122, 74, 0.7);

  --color-accent-primary: #d87a4a;
  --color-accent-primary-hover: #c96a3a;
  --color-accent-outline-strong: rgba(216, 122, 74, 0.9);
  --color-accent-outline-subtle: rgba(216, 122, 74, 0.45);
  --color-accent-outline-subtle-strong: rgba(216, 122, 74, 0.75);

  --color-surface-nav: rgba(40, 20, 12, 0.85);
  --color-surface-filters-top: rgba(40, 20, 12, 0.85);
  --color-surface-filters-bottom: #2a150d;
  --color-surface-day-header: rgba(34, 17, 10, 0.96);
  --color-surface-date: rgba(34, 17, 10, 0.96);
  --color-surface-date-hover: rgba(44, 22, 14, 0.98);
  --color-surface-modal: rgba(38, 19, 12, 0.96);

  --color-surface-grid-bg: rgba(216, 122, 74, 0.18);

  --color-booking-bar-provisional-stripe: rgba(216, 122, 74, 0.7);
  --color-booking-bar-unavailable-dark: rgba(216, 122, 74, 0.35);
  --color-booking-bar-unavailable-light: rgba(216, 122, 74, 0.55);

  --color-fell-icon: #d28c5a;
  --color-fell-icon-rgb: 210, 140, 90;
}


/* ============================================
   THEME: Apricot
   ============================================ */
:root[data-theme="apricot"] {
  --color-text-primary: #ffb98a;
  --color-text-muted: rgba(255, 185, 138, 0.75);
  --color-text-label: rgba(255, 185, 138, 0.7);

  --color-accent-primary: #ffb98a;
  --color-accent-primary-hover: #ffab72;
  --color-accent-outline-strong: rgba(255, 185, 138, 0.9);
  --color-accent-outline-subtle: rgba(255, 185, 138, 0.45);
  --color-accent-outline-subtle-strong: rgba(255, 185, 138, 0.75);

  --color-surface-nav: rgba(255, 240, 230, 0.85);
  --color-surface-filters-top: rgba(255, 240, 230, 0.85);
  --color-surface-filters-bottom: #ffe9dd;
  --color-surface-day-header: rgba(255, 245, 238, 0.96);
  --color-surface-date: rgba(255, 245, 238, 0.96);
  --color-surface-date-hover: rgba(255, 237, 225, 0.98);
  --color-surface-modal: rgba(255, 242, 232, 0.96);

  --color-surface-grid-bg: rgba(255, 185, 138, 0.15);

  --color-booking-bar-provisional-stripe: rgba(255, 185, 138, 0.6);

  --color-fell-icon: #ffb478;
  --color-fell-icon-rgb: 255, 180, 120;
}


/* ============================================
   THEME: Amber
   ============================================ */
:root[data-theme="amber"] {
  --color-text-primary: #ff7a1a;
  --color-text-muted: rgba(255, 122, 26, 0.75);
  --color-text-label: rgba(255, 122, 26, 0.7);

  --color-accent-primary: #ff7a1a;
  --color-accent-primary-hover: #ff6a00;
  --color-accent-outline-strong: rgba(255, 122, 26, 0.9);
  --color-accent-outline-subtle: rgba(255, 122, 26, 0.45);
  --color-accent-outline-subtle-strong: rgba(255, 122, 26, 0.75);

  --color-surface-nav: rgba(45, 20, 5, 0.85);
  --color-surface-filters-top: rgba(45, 20, 5, 0.85);
  --color-surface-filters-bottom: #2a1204;
  --color-surface-day-header: rgba(38, 17, 6, 0.96);
  --color-surface-date: rgba(38, 17, 6, 0.96);
  --color-surface-date-hover: rgba(48, 22, 8, 0.98);
  --color-surface-modal: rgba(42, 19, 7, 0.96);

  --color-surface-grid-bg: rgba(255, 122, 26, 0.18);

  --color-booking-bar-provisional-stripe: rgba(255, 122, 26, 0.7);

  --color-fell-icon: #ffaa3c;
  --color-fell-icon-rgb: 255, 170, 60;
}


/* ============================================
   THEME: Honey
   ============================================ */
:root[data-theme="honey"] {
  --color-text-primary: #e8a55c;
  --color-text-muted: rgba(232, 165, 92, 0.75);
  --color-text-label: rgba(232, 165, 92, 0.7);

  --color-accent-primary: #e8a55c;
  --color-accent-primary-hover: #d89548;
  --color-accent-outline-strong: rgba(232, 165, 92, 0.9);
  --color-accent-outline-subtle: rgba(232, 165, 92, 0.45);
  --color-accent-outline-subtle-strong: rgba(232, 165, 92, 0.75);

  --color-surface-nav: rgba(36, 22, 10, 0.85);
  --color-surface-filters-top: rgba(36, 22, 10, 0.85);
  --color-surface-filters-bottom: #24160a;
  --color-surface-day-header: rgba(30, 18, 8, 0.96);
  --color-surface-date: rgba(30, 18, 8, 0.96);
  --color-surface-date-hover: rgba(40, 24, 12, 0.98);
  --color-surface-modal: rgba(34, 20, 10, 0.96);

  --color-surface-grid-bg: rgba(232, 165, 92, 0.18);

  --color-booking-bar-provisional-stripe: rgba(232, 165, 92, 0.7);

  --color-fell-icon: #e6a046;
  --color-fell-icon-rgb: 230, 160, 70;
}


/* ============================================
   THEME: Tangerine
   ============================================ */
:root[data-theme="tangerine"] {
  --color-text-primary: #ff8f3f;
  --color-text-muted: rgba(255, 143, 63, 0.75);
  --color-text-label: rgba(255, 143, 63, 0.7);

  --color-accent-primary: #ff8f3f;
  --color-accent-primary-hover: #ff7d24;
  --color-accent-outline-strong: rgba(255, 143, 63, 0.9);
  --color-accent-outline-subtle: rgba(255, 143, 63, 0.45);
  --color-accent-outline-subtle-strong: rgba(255, 143, 63, 0.75);

  --color-surface-nav: rgba(255, 245, 238, 0.85);
  --color-surface-filters-top: rgba(255, 245, 238, 0.85);
  --color-surface-filters-bottom: #fff2e8;
  --color-surface-day-header: rgba(255, 250, 245, 0.96);
  --color-surface-date: rgba(255, 250, 245, 0.96);
  --color-surface-date-hover: rgba(255, 242, 230, 0.98);
  --color-surface-modal: rgba(255, 248, 240, 0.96);

  --color-surface-grid-bg: rgba(255, 143, 63, 0.15);

  --color-booking-bar-provisional-stripe: rgba(255, 143, 63, 0.6);

  --color-fell-icon: #ff823c;
  --color-fell-icon-rgb: 255, 130, 60;
}