/* ==========================================================================
   INDIA — INTERNATIONAL TOURISM PLATFORM
   EDITORIAL DESIGN SYSTEM & REGIONAL ATMOSPHERIC TOKENS
   ========================================================================== */

:root,
[data-theme="default"],
[data-theme="cultural-gold"] {
  --theme-name: 'cultural-gold';
  
  /* Primary Foundation Tokens (Natural Materials & Editorial Palette) */
  --color-bg: #110F0D;              /* Deep Obsidian Teak */
  --color-surface: #191614;         /* Warm Charcoal Stone */
  --color-surface-elevated: #221F1B;/* Sandstone Deep Ash */
  --color-surface-card: rgba(25, 22, 20, 0.85);
  --color-surface-hover: rgba(36, 32, 28, 0.95);
  --color-glass: rgba(17, 15, 13, 0.94);
  --color-light: #FBF8F3;           /* Warm Ivory Parchment */
  --color-light-subtle: #F2ECE1;    /* Sandstone Neutral */

  /* Typographic Colors */
  --color-text: #FBF9F5;            /* Lotus White */
  --color-text-secondary: #D1C7BC;  /* Muted Linen */
  --color-muted: #8E8478;           /* Sandstone Earth */
  --color-text-inverse: #141210;    /* Deep Charcoal */

  /* Authentic Material Accents */
  --color-accent: #C85A17;          /* Restrained Kesari Saffron */
  --color-gold: #B88D4B;            /* Antique Temple Brass */
  --color-sandstone: #9E6B4A;       /* Red Sandstone */
  --color-green: #244B36;           /* Nilgiri Forest Pine */
  --color-indigo: #243D5C;          /* Himalayan Twilight Indigo */
  
  --color-border: rgba(184, 141, 75, 0.18);
  --color-border-subtle: rgba(184, 141, 75, 0.10);
  --color-border-strong: rgba(184, 141, 75, 0.32);

  /* Aliases for legacy & component compatibility */
  --bg-primary: var(--color-bg);
  --bg-secondary: var(--color-surface);
  --bg-surface: var(--color-surface-elevated);
  --bg-card: var(--color-surface-card);
  --bg-card-hover: var(--color-surface-hover);
  --bg-glass: var(--color-glass);
  --bg-light: var(--color-light);
  --bg-light-subtle: var(--color-light-subtle);

  --text-primary: var(--color-text);
  --text-secondary: var(--color-text-secondary);
  --text-muted: var(--color-muted);
  --text-inverse: var(--color-text-inverse);

  --accent-primary: var(--color-accent);
  --accent-secondary: var(--color-gold);
  --accent-tertiary: var(--color-sandstone);
  --accent-green: var(--color-green);
  --accent-blue: var(--color-indigo);

  --accent-subtle: rgba(184, 141, 75, 0.08);
  --accent-border: var(--color-border);
  --border-subtle: var(--color-border-subtle);
  --border-light: var(--color-border-strong);

  /* Editorial Atmosphere & Scrims (Subtle, non-neon) */
  --ambient-gradient: radial-gradient(circle at 50% -10%, rgba(184, 141, 75, 0.07) 0%, rgba(200, 90, 23, 0.03) 40%, transparent 75%);
  --hero-gradient: linear-gradient(180deg, rgba(17, 15, 13, 0.30) 0%, rgba(17, 15, 13, 0.78) 65%, #110F0D 100%);
  
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.45);
  --shadow-editorial: 0 10px 30px -10px rgba(0, 0, 0, 0.5);

  /* Navbar Atmosphere — Dark Translucent Editorial Glass */
  --nav-bg-scrim: rgba(12, 18, 16, 0.72);
  --nav-bg-solid: rgba(10, 15, 14, 0.90);
  --nav-border: rgba(255, 255, 255, 0.08);
  --nav-border-scrolled: rgba(255, 255, 255, 0.12);
  --nav-accent: var(--color-gold);

  --transition-theme: background-color 0.4s cubic-bezier(0.16, 1, 0.3, 1),
                      border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1),
                      color 0.25s ease,
                      box-shadow 0.4s ease;
}

/* --------------------------------------------------------------------------
   RAJWADA ROYAL HERITAGE THEME (Marwar Sandstone, Rose Madder & Antique Brass)
   -------------------------------------------------------------------------- */
[data-theme="rajwada"] {
  --theme-name: 'rajwada';
  --color-bg: #130C0E;
  --color-surface: #1B1215;
  --color-surface-elevated: #261A1E;
  --color-surface-card: rgba(27, 18, 21, 0.85);
  --color-surface-hover: rgba(38, 26, 30, 0.95);
  --color-glass: rgba(19, 12, 14, 0.94);
  
  --color-accent: #B88D4B;         /* Antique Brass */
  --color-gold: #B88D4B;
  --color-sandstone: #B05D56;      /* Sandstone Rose */
  --color-border: rgba(184, 141, 75, 0.20);
  --color-border-subtle: rgba(184, 141, 75, 0.10);

  --bg-primary: var(--color-bg);
  --bg-secondary: var(--color-surface);
  --bg-surface: var(--color-surface-elevated);
  --bg-card: var(--color-surface-card);
  --bg-card-hover: var(--color-surface-hover);
  --bg-glass: var(--color-glass);

  --accent-primary: var(--color-accent);
  --accent-secondary: var(--color-sandstone);
  --accent-subtle: rgba(184, 141, 75, 0.08);
  --accent-border: var(--color-border);

  --ambient-gradient: radial-gradient(circle at 50% -10%, rgba(176, 93, 86, 0.08) 0%, rgba(184, 141, 75, 0.04) 40%, transparent 75%);
  --hero-gradient: linear-gradient(180deg, rgba(19, 12, 14, 0.30) 0%, rgba(19, 12, 14, 0.80) 65%, #130C0E 100%);
  --nav-bg-scrim: rgba(16, 12, 14, 0.72);
  --nav-bg-solid: rgba(14, 10, 12, 0.90);
  --nav-border: rgba(255, 255, 255, 0.08);
  --nav-border-scrolled: rgba(255, 255, 255, 0.12);
  --nav-accent: var(--color-gold);
}

/* --------------------------------------------------------------------------
   NORTH INDIA REALM: Alpine Slates, Pine Forests & Glacial Twilight
   -------------------------------------------------------------------------- */
[data-theme="north"] {
  --theme-name: 'north';
  --color-bg: #0B1017;
  --color-surface: #121922;
  --color-surface-elevated: #192330;
  --color-surface-card: rgba(18, 25, 34, 0.85);
  --color-surface-hover: rgba(25, 35, 48, 0.95);
  --color-glass: rgba(11, 16, 23, 0.94);
  
  --color-accent: #3F6D8A;         /* Alpine Slate */
  --color-gold: #B88D4B;           /* Dawn Brass */
  --color-indigo: #243D5C;
  --color-border: rgba(63, 109, 138, 0.22);
  --color-border-subtle: rgba(63, 109, 138, 0.12);

  --bg-primary: var(--color-bg);
  --bg-secondary: var(--color-surface);
  --bg-surface: var(--color-surface-elevated);
  --bg-card: var(--color-surface-card);
  --bg-card-hover: var(--color-surface-hover);
  --bg-glass: var(--color-glass);

  --accent-primary: var(--color-accent);
  --accent-secondary: var(--color-gold);
  --accent-subtle: rgba(63, 109, 138, 0.10);
  --accent-border: var(--color-border);

  --ambient-gradient: radial-gradient(circle at 50% -10%, rgba(63, 109, 138, 0.10) 0%, rgba(36, 61, 92, 0.04) 40%, transparent 75%);
  --hero-gradient: linear-gradient(180deg, rgba(11, 16, 23, 0.30) 0%, rgba(11, 16, 23, 0.80) 65%, #0B1017 100%);
  --nav-bg-scrim: rgba(11, 16, 22, 0.72);
  --nav-bg-solid: rgba(9, 14, 19, 0.90);
  --nav-border: rgba(255, 255, 255, 0.08);
  --nav-border-scrolled: rgba(255, 255, 255, 0.12);
  --nav-accent: var(--color-accent);
}

/* --------------------------------------------------------------------------
   SOUTH INDIA REALM: Emerald Backwaters, Palm Slopes & Temple Bronze
   -------------------------------------------------------------------------- */
[data-theme="south"] {
  --theme-name: 'south';
  --color-bg: #09120F;
  --color-surface: #0F1D18;
  --color-surface-elevated: #162923;
  --color-surface-card: rgba(15, 29, 24, 0.85);
  --color-surface-hover: rgba(22, 41, 35, 0.95);
  --color-glass: rgba(9, 18, 15, 0.94);
  
  --color-accent: #265B4F;         /* Backwater Emerald */
  --color-gold: #B88D4B;           /* Dravidian Bronze */
  --color-green: #1F453B;
  --color-border: rgba(38, 91, 79, 0.22);
  --color-border-subtle: rgba(38, 91, 79, 0.12);

  --bg-primary: var(--color-bg);
  --bg-secondary: var(--color-surface);
  --bg-surface: var(--color-surface-elevated);
  --bg-card: var(--color-surface-card);
  --bg-card-hover: var(--color-surface-hover);
  --bg-glass: var(--color-glass);

  --accent-primary: var(--color-accent);
  --accent-secondary: var(--color-gold);
  --accent-subtle: rgba(38, 91, 79, 0.10);
  --accent-border: var(--color-border);

  --ambient-gradient: radial-gradient(circle at 50% -10%, rgba(38, 91, 79, 0.10) 0%, rgba(184, 141, 75, 0.04) 40%, transparent 75%);
  --hero-gradient: linear-gradient(180deg, rgba(9, 18, 15, 0.30) 0%, rgba(9, 18, 15, 0.80) 65%, #09120F 100%);
  --nav-bg-scrim: rgba(10, 18, 15, 0.72);
  --nav-bg-solid: rgba(8, 15, 12, 0.90);
  --nav-border: rgba(255, 255, 255, 0.08);
  --nav-border-scrolled: rgba(255, 255, 255, 0.12);
  --nav-accent: var(--color-accent);
}

/* --------------------------------------------------------------------------
   WEST & CENTRAL REALM: Marwar Sandstone, Golden Dunes & Sal Forests
   -------------------------------------------------------------------------- */
[data-theme="west"] {
  --theme-name: 'west';
  --color-bg: #130E09;
  --color-surface: #1B140E;
  --color-surface-elevated: #261D15;
  --color-surface-card: rgba(27, 20, 14, 0.85);
  --color-surface-hover: rgba(38, 29, 21, 0.95);
  --color-glass: rgba(19, 14, 9, 0.94);
  
  --color-accent: #B06C2C;         /* Desert Sandstone Amber */
  --color-gold: #B88D4B;           /* Fort Brass */
  --color-sandstone: #8E5428;
  --color-border: rgba(176, 108, 44, 0.22);
  --color-border-subtle: rgba(176, 108, 44, 0.12);

  --bg-primary: var(--color-bg);
  --bg-secondary: var(--color-surface);
  --bg-surface: var(--color-surface-elevated);
  --bg-card: var(--color-surface-card);
  --bg-card-hover: var(--color-surface-hover);
  --bg-glass: var(--color-glass);

  --accent-primary: var(--color-accent);
  --accent-secondary: var(--color-gold);
  --accent-subtle: rgba(176, 108, 44, 0.10);
  --accent-border: var(--color-border);

  --ambient-gradient: radial-gradient(circle at 50% -10%, rgba(176, 108, 44, 0.10) 0%, rgba(184, 141, 75, 0.04) 40%, transparent 75%);
  --hero-gradient: linear-gradient(180deg, rgba(19, 14, 9, 0.30) 0%, rgba(19, 14, 9, 0.80) 65%, #130E09 100%);
  --nav-bg-scrim: rgba(18, 14, 11, 0.72);
  --nav-bg-solid: rgba(15, 11, 8, 0.90);
  --nav-border: rgba(255, 255, 255, 0.08);
  --nav-border-scrolled: rgba(255, 255, 255, 0.12);
  --nav-accent: var(--color-accent);
}

/* --------------------------------------------------------------------------
   EAST & NORTHEAST REALM: Cloud Forests, Living Roots & Brahmaputra Mists
   -------------------------------------------------------------------------- */
[data-theme="east"] {
  --theme-name: 'east';
  --color-bg: #09100C;
  --color-surface: #0E1A13;
  --color-surface-elevated: #14251C;
  --color-surface-card: rgba(14, 26, 19, 0.85);
  --color-surface-hover: rgba(20, 37, 28, 0.95);
  --color-glass: rgba(9, 16, 12, 0.94);
  
  --color-accent: #285E43;         /* Cloud Forest Jade */
  --color-gold: #B88D4B;           /* Golden Muga Silk */
  --color-green: #1B452F;
  --color-border: rgba(40, 94, 67, 0.22);
  --color-border-subtle: rgba(40, 94, 67, 0.12);

  --bg-primary: var(--color-bg);
  --bg-secondary: var(--color-surface);
  --bg-surface: var(--color-surface-elevated);
  --bg-card: var(--color-surface-card);
  --bg-card-hover: var(--color-surface-hover);
  --bg-glass: var(--color-glass);

  --accent-primary: var(--color-accent);
  --accent-secondary: var(--color-gold);
  --accent-subtle: rgba(40, 94, 67, 0.10);
  --accent-border: var(--color-border);

  --ambient-gradient: radial-gradient(circle at 50% -10%, rgba(40, 94, 67, 0.10) 0%, rgba(184, 141, 75, 0.04) 40%, transparent 75%);
  --hero-gradient: linear-gradient(180deg, rgba(9, 16, 12, 0.30) 0%, rgba(9, 16, 12, 0.80) 65%, #09100C 100%);
  --nav-bg-scrim: rgba(10, 17, 14, 0.72);
  --nav-bg-solid: rgba(8, 14, 11, 0.90);
  --nav-border: rgba(255, 255, 255, 0.08);
  --nav-border-scrolled: rgba(255, 255, 255, 0.12);
  --nav-accent: var(--color-accent);
}


/* --------------------------------------------------------------------------
   TIRANGA SPIRIT FESTIVE THEME: Saffron, White & Emerald Harmony
   -------------------------------------------------------------------------- */
[data-theme="festive"] {
  --theme-name: 'festive';
  --color-bg: #0F120E;
  --color-surface: #161D15;
  --color-surface-elevated: #1F2A1E;
  --color-surface-card: rgba(22, 29, 21, 0.85);
  --color-surface-hover: rgba(31, 42, 30, 0.95);
  --color-glass: rgba(15, 18, 14, 0.94);
  
  --color-accent: #FF7A00;         /* Tiranga Kesari Saffron */
  --color-gold: #138808;           /* India Green */
  --color-sandstone: #2A4878;      /* Ashoka Navy */
  --color-border: rgba(255, 122, 0, 0.22);
  --color-border-subtle: rgba(255, 122, 0, 0.12);

  --bg-primary: var(--color-bg);
  --bg-secondary: var(--color-surface);
  --bg-surface: var(--color-surface-elevated);
  --bg-card: var(--color-surface-card);
  --bg-card-hover: var(--color-surface-hover);
  --bg-glass: var(--color-glass);

  --accent-primary: var(--color-accent);
  --accent-secondary: var(--color-gold);
  --accent-subtle: rgba(255, 122, 0, 0.10);
  --accent-border: var(--color-border);

  --ambient-gradient: radial-gradient(circle at 50% -10%, rgba(255, 122, 0, 0.10) 0%, rgba(19, 136, 8, 0.04) 40%, transparent 75%);
  --hero-gradient: linear-gradient(180deg, rgba(15, 18, 14, 0.30) 0%, rgba(15, 18, 14, 0.80) 65%, #0F120E 100%);
  --nav-bg-scrim: rgba(14, 18, 14, 0.72);
  --nav-bg-solid: rgba(12, 16, 12, 0.90);
  --nav-border: rgba(255, 255, 255, 0.08);
  --nav-border-scrolled: rgba(255, 255, 255, 0.12);
  --nav-accent: var(--color-accent);
}