/* Raj Travels — semantic design tokens (light / dark)
 *
 * Premium direction: emerald primary + champagne gold accents.
 * Light = luminous sage surfaces; Dark = night-forest with crisp mint text.
 * Components must use these tokens — no one-off hex in component CSS.
 */

html:not([data-raj-theme]),
html[data-raj-theme="light"] {
  color-scheme: light;
  --raj-gold: #c9a227;
  --raj-gold-bright: #dbb53a;
  --raj-gold-soft: rgba(201, 162, 39, 0.12);
  --raj-gold-soft-strong: rgba(201, 162, 39, 0.22);
  --raj-green: #0a6b35;
  --raj-green-bright: #0d8242;
  --raj-green-deep: #064820;
  --raj-green-soft: rgba(10, 107, 53, 0.1);
  --raj-brand-red: #e7191b;

  --raj-on-primary: #ffffff;
  --raj-on-gold: #1a1408;
  --raj-on-success: #ffffff;
  --raj-on-warning: #1a1408;
  --raj-on-danger: #ffffff;
  --raj-link: #0d8242;
  --raj-link-hover: #064820;
  --raj-focus-ring: #0d8242;

  --raj-page-bg: #f6faf7;
  --raj-page-bg-accent: rgba(10, 107, 53, 0.09);
  --raj-surface: #ffffff;
  --raj-surface-muted: #eef5f0;
  --raj-surface-sunken: #e5eee8;
  --raj-surface-overlay: rgba(255, 255, 255, 0.97);
  --raj-surface-selected: rgba(10, 107, 53, 0.1);

  --raj-text: #15241c;
  --raj-text-strong: #0c1611;
  --raj-text-inverse: #ffffff;
  --raj-text-on-image: #ffffff;
  --raj-muted: #5c6b63;

  --raj-border: rgba(10, 107, 53, 0.14);
  --raj-border-strong: rgba(10, 107, 53, 0.28);
  --raj-shadow: 0 18px 44px rgba(15, 35, 24, 0.1);
  --raj-shadow-soft: 0 8px 22px rgba(15, 35, 24, 0.07);
  --raj-shadow-glow: 0 0 0 1px rgba(201, 162, 39, 0.18), 0 16px 36px rgba(10, 107, 53, 0.1);

  --raj-topbar-bg: #e7f1eb;
  --raj-header-bg: #ffffff;
  --raj-nav-bg: rgba(255, 255, 255, 0.97);
  --raj-footer-bg: #eef5f0;

  --raj-nav-hover-bg: rgba(10, 107, 53, 0.08);
  --raj-nav-active-text: #ffffff;

  --raj-field-bg: #ffffff;
  --raj-field-bg-hover: #f7fbf8;
  --raj-field-text: #15241c;
  --raj-field-placeholder: #6b766f;
  --raj-field-border: rgba(10, 107, 53, 0.24);
  --raj-field-border-focus: #0d8242;
  --raj-field-focus-ring: rgba(10, 107, 53, 0.18);
  --raj-field-disabled-bg: #e8ede9;
  --raj-field-disabled-text: #6b756f;
  --raj-field-disabled-border: rgba(23, 49, 32, 0.16);
  --raj-label: #15241c;
  --raj-label-muted: #5c6b63;

  --raj-dropdown-bg: #ffffff;
  --raj-dropdown-text: #15241c;
  --raj-dropdown-muted: rgba(21, 36, 28, 0.68);
  --raj-dropdown-hover: rgba(10, 107, 53, 0.08);
  --raj-dropdown-hover-text: #064820;
  --raj-dropdown-selected-bg: rgba(10, 107, 53, 0.14);
  --raj-dropdown-selected-text: #064820;

  --raj-search-card-bg: #ffffff;
  --raj-search-panel-bg: #f7fbf8;
  --raj-search-tab-bar: #eef5f0;
  --raj-search-tab-text: #5c6b63;
  --raj-search-tab-text-active: #ffffff;
  --raj-search-tab-active-bg: linear-gradient(180deg, #0d8242, #064820);
  --raj-search-heading: #15241c;

  --raj-btn-primary-bg: linear-gradient(180deg, #0d8242 0%, #064820 100%);
  --raj-btn-primary-hover: linear-gradient(180deg, #119a4d 0%, #0a6b35 100%);
  --raj-btn-primary-text: #ffffff;
  --raj-btn-secondary-bg: transparent;
  --raj-btn-secondary-border: rgba(10, 107, 53, 0.28);
  --raj-btn-secondary-text: #15241c;
  --raj-btn-secondary-hover-bg: rgba(10, 107, 53, 0.08);
  --raj-btn-gold-bg: linear-gradient(180deg, #dbb53a 0%, #c9a227 100%);
  --raj-btn-gold-hover: linear-gradient(180deg, #e6c454 0%, #d4ad2e 100%);
  --raj-btn-gold-text: #1a1408;
  --raj-btn-disabled-bg: #d9e0db;
  --raj-btn-disabled-text: #7a8680;
  --raj-btn-disabled-border: rgba(23, 49, 32, 0.12);

  --raj-hero-overlay: linear-gradient(90deg, rgba(246, 250, 247, 0.96) 0%, rgba(246, 250, 247, 0.72) 42%, rgba(246, 250, 247, 0.12) 100%);
  --raj-hero-fade: linear-gradient(180deg, rgba(246, 250, 247, 0.08), #f6faf7);
  --raj-image-overlay: linear-gradient(180deg, rgba(2, 3, 2, 0.16) 0%, rgba(6, 18, 12, 0.82) 100%);

  --raj-panel-bg: #ffffff;
  --raj-panel-border: rgba(10, 107, 53, 0.14);
  --raj-card-elevated-bg: linear-gradient(165deg, #ffffff 0%, #f7fbf8 100%);
  --raj-section-band-bg: linear-gradient(180deg, #eef5f0 0%, #e7f1eb 100%);
  --raj-testimonial-bg: linear-gradient(180deg, #f6faf7 0%, #eef5f0 100%);

  --raj-mobile-menu-bg: #ffffff;
  --raj-backdrop: rgba(12, 22, 17, 0.45);
  --raj-input-scheme: light;
  --raj-calendar-filter: none;

  --raj-topnav-bg: #ffffff;
  --raj-topnav-panel: #f1f6f3;
  --raj-topnav-accent: #c9a227;
  --raj-topnav-accent-soft: rgba(201, 162, 39, 0.2);
  --raj-topnav-text: #15241c;
  --raj-topnav-hover-text: #0a6b35;
  --raj-topnav-dropdown-bg: #ffffff;
  --raj-topnav-shadow: 0 12px 28px rgba(15, 35, 24, 0.1);
  --raj-topnav-toggler-filter: none;

  --raj-success: #0f7a3d;
  --raj-success-soft: rgba(15, 122, 61, 0.12);
  --raj-warning: #a67c12;
  --raj-warning-soft: rgba(201, 162, 39, 0.14);
  --raj-danger: #b42318;
  --raj-danger-soft: rgba(180, 35, 24, 0.1);
  --raj-info: #1f6f8b;
  --raj-info-soft: rgba(31, 111, 139, 0.12);

  --raj-price: #0d8242;
  --raj-price-emphasis: #064820;
  --raj-price-old: #8a938d;

  --raj-badge-neutral-bg: #eef5f0;
  --raj-badge-neutral-text: #15241c;
  --raj-badge-primary-bg: #0a6b35;
  --raj-badge-primary-text: #ffffff;
  --raj-badge-success-bg: #0f7a3d;
  --raj-badge-success-text: #ffffff;
  --raj-badge-warning-bg: #c9a227;
  --raj-badge-warning-text: #1a1408;
  --raj-badge-danger-bg: #b42318;
  --raj-badge-danger-text: #ffffff;

  --raj-skeleton-base: #e5eee8;
  --raj-skeleton-shine: #f7fbf8;
  --raj-table-header-bg: #e7f1eb;
  --raj-table-row-hover: rgba(10, 107, 53, 0.06);
  --raj-table-row-alt: rgba(10, 107, 53, 0.03);
  --raj-pagination-bg: #ffffff;
  --raj-pagination-text: #15241c;
  --raj-pagination-active-bg: #0a6b35;
  --raj-pagination-active-text: #ffffff;
  --raj-pagination-disabled-text: #8a938d;

  --raj-slider-track: rgba(10, 107, 53, 0.18);
  --raj-slider-fill: #0d8242;
  --raj-slider-handle: #ffffff;
  --raj-slider-handle-border: #0d8242;

  --raj-fare-card-bg: linear-gradient(165deg, #ffffff 0%, #f7fbf8 100%);
  --raj-fare-card-border: rgba(10, 107, 53, 0.16);
  --raj-fare-card-active-border: #0d8242;
  --raj-payment-selected-bg: rgba(10, 107, 53, 0.1);
  --raj-payment-selected-border: #0d8242;
  --raj-payment-selected-text: #0c1611;

  --raj-theme-meta: #f6faf7;
  --theme-bg: #0a6b35;
}

html[data-raj-theme="dark"] {
  color-scheme: dark;
  --raj-gold: #f2b94f;
  --raj-gold-bright: #ffd46f;
  --raj-gold-soft: rgba(242, 185, 79, 0.12);
  --raj-gold-soft-strong: rgba(242, 185, 79, 0.24);
  --raj-green: #1f9a4d;
  --raj-green-bright: #27a84f;
  --raj-green-deep: #0a5d2d;
  --raj-green-soft: rgba(31, 154, 77, 0.16);
  --raj-brand-red: #e7191b;

  --raj-on-primary: #f4faf6;
  --raj-on-gold: #1a1408;
  --raj-on-success: #04140a;
  --raj-on-warning: #1a1408;
  --raj-on-danger: #2a0a0a;
  --raj-link: #f2b94f;
  --raj-link-hover: #ffd46f;
  --raj-focus-ring: #f2b94f;

  --raj-page-bg: #050806;
  --raj-page-bg-accent: rgba(31, 154, 77, 0.14);
  --raj-surface: #0a120d;
  --raj-surface-muted: #0d1610;
  --raj-surface-sunken: #07100b;
  --raj-surface-overlay: rgba(5, 8, 6, 0.96);
  --raj-surface-selected: rgba(242, 185, 79, 0.12);

  --raj-text: #eef3ef;
  --raj-text-strong: #ffffff;
  --raj-text-inverse: #eef3ef;
  --raj-text-on-image: #ffffff;
  --raj-muted: #a3b5a9;

  --raj-border: rgba(242, 185, 79, 0.22);
  --raj-border-strong: rgba(242, 185, 79, 0.4);
  --raj-shadow: 0 22px 48px rgba(0, 0, 0, 0.45);
  --raj-shadow-soft: 0 8px 22px rgba(0, 0, 0, 0.3);
  --raj-shadow-glow: 0 0 0 1px rgba(242, 185, 79, 0.28), 0 18px 40px rgba(0, 0, 0, 0.4);

  --raj-topbar-bg: #020302;
  --raj-header-bg: #07100b;
  --raj-nav-bg: rgba(5, 8, 6, 0.97);
  --raj-footer-bg: #07100b;

  --raj-nav-hover-bg: rgba(242, 185, 79, 0.12);
  --raj-nav-active-text: #eef3ef;

  --raj-field-bg: #0d1610;
  --raj-field-bg-hover: #121c15;
  --raj-field-text: #eef3ef;
  --raj-field-placeholder: rgba(238, 243, 239, 0.55);
  --raj-field-border: rgba(242, 185, 79, 0.28);
  --raj-field-border-focus: #f2b94f;
  --raj-field-focus-ring: rgba(242, 185, 79, 0.2);
  --raj-field-disabled-bg: #07100b;
  --raj-field-disabled-text: rgba(238, 243, 239, 0.4);
  --raj-field-disabled-border: rgba(242, 185, 79, 0.16);
  --raj-label: #eef3ef;
  --raj-label-muted: #a3b5a9;

  --raj-dropdown-bg: #0a120d;
  --raj-dropdown-text: #eef3ef;
  --raj-dropdown-muted: rgba(238, 243, 239, 0.62);
  --raj-dropdown-hover: rgba(242, 185, 79, 0.14);
  --raj-dropdown-hover-text: #ffffff;
  --raj-dropdown-selected-bg: rgba(39, 168, 79, 0.18);
  --raj-dropdown-selected-text: #eef3ef;

  --raj-search-card-bg: linear-gradient(180deg, #0f1812, #0a120d);
  --raj-search-panel-bg: linear-gradient(180deg, #121c15, #0d1610);
  --raj-search-tab-bar: rgba(242, 185, 79, 0.08);
  --raj-search-tab-text: rgba(238, 243, 239, 0.72);
  --raj-search-tab-text-active: #ffffff;
  --raj-search-tab-active-bg: linear-gradient(180deg, #1f9a4d, #0a5d2d);
  --raj-search-heading: #ffffff;

  --raj-btn-primary-bg: linear-gradient(180deg, #1f9a4d 0%, #0a5d2d 100%);
  --raj-btn-primary-hover: linear-gradient(180deg, #27a84f 0%, #117a38 100%);
  --raj-btn-primary-text: #ffffff;
  --raj-btn-secondary-bg: transparent;
  --raj-btn-secondary-border: rgba(242, 185, 79, 0.32);
  --raj-btn-secondary-text: #eef3ef;
  --raj-btn-secondary-hover-bg: rgba(242, 185, 79, 0.12);
  --raj-btn-gold-bg: linear-gradient(180deg, #ffd46f 0%, #f2b94f 100%);
  --raj-btn-gold-hover: linear-gradient(180deg, #ffe08a 0%, #f7c45a 100%);
  --raj-btn-gold-text: #1a1408;
  --raj-btn-disabled-bg: rgba(238, 243, 239, 0.08);
  --raj-btn-disabled-text: rgba(238, 243, 239, 0.38);
  --raj-btn-disabled-border: rgba(242, 185, 79, 0.12);

  --raj-hero-overlay: linear-gradient(90deg, rgba(5, 8, 6, 0.96) 0%, rgba(5, 8, 6, 0.72) 42%, rgba(5, 8, 6, 0.16) 100%);
  --raj-hero-fade: linear-gradient(180deg, rgba(5, 8, 6, 0.05), #050806);
  --raj-image-overlay: linear-gradient(180deg, rgba(5, 8, 6, 0.2) 0%, rgba(5, 8, 6, 0.88) 100%);

  --raj-panel-bg: rgba(10, 18, 13, 0.94);
  --raj-panel-border: rgba(242, 185, 79, 0.22);
  --raj-card-elevated-bg: linear-gradient(165deg, #121c15 0%, #0a120d 100%);
  --raj-section-band-bg: linear-gradient(180deg, #0a120d 0%, #0d1610 100%);
  --raj-testimonial-bg: linear-gradient(180deg, #0d1610 0%, #0a120d 100%);

  --raj-mobile-menu-bg: #050806;
  --raj-backdrop: rgba(0, 0, 0, 0.64);
  --raj-input-scheme: dark;
  --raj-calendar-filter: invert(1) sepia(0.15) saturate(0.5) brightness(1.05);

  --raj-topnav-bg: #07100b;
  --raj-topnav-panel: #0d1610;
  --raj-topnav-accent: #f2b94f;
  --raj-topnav-accent-soft: rgba(242, 185, 79, 0.18);
  --raj-topnav-text: #eef3ef;
  --raj-topnav-hover-text: #f2b94f;
  --raj-topnav-dropdown-bg: #0a120d;
  --raj-topnav-shadow: 0 14px 30px rgba(0, 0, 0, 0.36);
  --raj-topnav-toggler-filter: invert(1);

  --raj-success: #46d17f;
  --raj-success-soft: rgba(70, 209, 127, 0.14);
  --raj-warning: #f2b94f;
  --raj-warning-soft: rgba(242, 185, 79, 0.16);
  --raj-danger: #ff8a80;
  --raj-danger-soft: rgba(255, 138, 128, 0.14);
  --raj-info: #7fc4dd;
  --raj-info-soft: rgba(127, 196, 221, 0.14);

  --raj-price: #57d17b;
  --raj-price-emphasis: #ffd46f;
  --raj-price-old: rgba(238, 243, 239, 0.42);

  --raj-badge-neutral-bg: rgba(238, 243, 239, 0.1);
  --raj-badge-neutral-text: #eef3ef;
  --raj-badge-primary-bg: #1f9a4d;
  --raj-badge-primary-text: #ffffff;
  --raj-badge-success-bg: #27a84f;
  --raj-badge-success-text: #04140a;
  --raj-badge-warning-bg: #f2b94f;
  --raj-badge-warning-text: #1a1408;
  --raj-badge-danger-bg: #ff8a80;
  --raj-badge-danger-text: #2a0a0a;

  --raj-skeleton-base: #0d1610;
  --raj-skeleton-shine: #121c15;
  --raj-table-header-bg: #123222;
  --raj-table-row-hover: rgba(242, 185, 79, 0.08);
  --raj-table-row-alt: rgba(238, 243, 239, 0.03);
  --raj-pagination-bg: #0a120d;
  --raj-pagination-text: #eef3ef;
  --raj-pagination-active-bg: #1f9a4d;
  --raj-pagination-active-text: #ffffff;
  --raj-pagination-disabled-text: rgba(238, 243, 239, 0.38);

  --raj-slider-track: rgba(242, 185, 79, 0.2);
  --raj-slider-fill: #27a84f;
  --raj-slider-handle: #eef3ef;
  --raj-slider-handle-border: #f2b94f;

  --raj-fare-card-bg: linear-gradient(165deg, #121c15, #0a120d);
  --raj-fare-card-border: rgba(242, 185, 79, 0.22);
  --raj-fare-card-active-border: #27a84f;
  --raj-payment-selected-bg: rgba(31, 154, 77, 0.22);
  --raj-payment-selected-border: #27a84f;
  --raj-payment-selected-text: #eef3ef;

  --raj-theme-meta: #050806;
  --theme-bg: #1f9a4d;
}