/* GiFT Bharat Design System Themes */

/* 1. Velvet Night — Royal Indigo & Rani Pink. Premium, deep, velvety, upmarket. */
.theme-velvet-night {
    --font-heading: 'Cormorant Garamond', Georgia, serif;
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;

    --color-bg: #04091e;               /* Deepest Royal Midnight Blue */
    --color-surface: #080f2d;          /* Rich Navy Blue surface */
    --color-surface-trans: rgba(8, 15, 45, 0.85);
    --color-text: #f4f2ef;             /* Fine Cream / Luxury Off-White */
    --color-text-light: #fda1c9;       /* Rose Gold / Blush Pink */

    --color-primary: #ff2a85;          /* Rani Pink / Fuchsia Silk */
    --color-secondary: #d4af37;        /* Classic Metallic Gold */
    --color-accent: #ff7bb5;           /* Bright Rose Pink */
    --color-border: rgba(253, 161, 201, 0.15); /* Soft rose-tinted border */

    --color-btn-bg: #ff2a85;
    --color-btn-text: #ffffff;
    --color-btn-hover: #e01b6d;

    --mandala-opacity: 0.08;
    --hero-overlay: radial-gradient(circle at 50% 35%, rgba(255, 42, 133, 0.12) 0%, rgba(4, 9, 30, 0) 80%);
    --theme-card-shadow: 0 10px 30px rgba(255, 42, 133, 0.06);
}

/* 2. Morning Blues — a genuinely colorful sunny-morning palette: sky blue,
   sunflower gold, sunrise orange, lemon, peach-coral, and leaf green. */
.theme-morning-blues {
    --font-heading: 'Cormorant Garamond', Georgia, serif;
    --font-body: 'Mukta', system-ui, -apple-system, sans-serif;

    --color-bg: #e3f0fd;               /* Bright, clear sky blue */
    --color-surface: #ffffff;          /* Pure white cards */
    --color-surface-trans: rgba(255, 255, 255, 0.88);
    --color-text: #14304f;             /* Deep morning-sky navy */
    --color-text-light: #3f6690;       /* Warmer slate blue */

    --color-primary: #1f8fe0;          /* Vivid, sunny sky blue */
    --color-secondary: #f0a824;        /* Rich sunflower gold */
    --color-accent: #ff8a3d;           /* Bright sunrise orange */
    --color-accent-2: #43a35a;         /* Fresh leaf green */
    --color-accent-3: #ff6f61;         /* Peach-coral red */
    --color-accent-4: #ffce3d;         /* Deep lemon yellow */
    --color-border: #c9e4fb;           /* Pale sky-blue border */

    --color-btn-bg: #1f8fe0;
    --color-btn-text: #ffffff;
    --color-btn-hover: #1571b5;

    --mandala-opacity: 0.07;
    /* A painterly monsoon riverside scene (temple by a misty lake, waterfalls
       in the hills) generated to match the brand's illustrated mood-board
       reference. A dark scrim rides on top so page titles stay legible over
       the photo. */
    --hero-overlay:
        linear-gradient(to bottom, rgba(6, 26, 26, 0.5) 0%, rgba(6, 26, 26, 0.22) 55%, rgba(6, 26, 26, 0.08) 100%) no-repeat,
        url('../assets/monsoon_temple_lake.jpg') center 62% / cover no-repeat,
        #0d2e2a;
    --theme-card-shadow: 0 10px 30px rgba(31, 143, 224, 0.1);
}

/* Give the four GIFT cards distinct sunny colors on this theme specifically,
   instead of all sharing one primary color like on Velvet Night */
.theme-morning-blues #card-great .card-icon { color: var(--block-accent, var(--color-accent-4)); }
.theme-morning-blues #card-indian .card-icon { color: var(--block-accent, var(--color-accent-2)); }
.theme-morning-blues #card-finest .card-icon { color: var(--block-accent, var(--color-accent-3)); }
.theme-morning-blues #card-traditions .card-icon { color: var(--block-accent, var(--color-accent)); }

/* Marigold-and-mango accent for the section-title marker — swaps the plain
   gold diamond for a warmer, festive sunrise-orange with a soft glow. */
.theme-morning-blues .section-title::after {
    color: var(--color-accent);
    text-shadow: 0 0 10px rgba(255, 138, 61, 0.35);
}

/* Quote blocks take on a peach-coral border with a faint marigold-cream wash
   behind them, echoing a festive card/invite rather than a plain sidebar rule. */
.theme-morning-blues .quote-block {
    border-left-color: var(--color-accent-3);
    background: linear-gradient(90deg, rgba(255, 111, 97, 0.07) 0%, rgba(255, 111, 97, 0) 60%);
    padding: 0.4rem 0 0.4rem 2rem;
    border-radius: 0 6px 6px 0;
}

/* The four page-strip buttons rotate through the full sunny palette instead
   of one repeated blue gradient — sunrise orange, leaf green, peach-coral,
   and deep lemon, each with a matching darker hover shade. */
.theme-morning-blues .page-strip-item:nth-child(1) {
    background: linear-gradient(160deg, var(--color-accent) 0%, #e0691f 100%);
}
.theme-morning-blues .page-strip-item:nth-child(2) {
    background: linear-gradient(160deg, var(--color-accent-2) 0%, #2f7a42 100%);
}
.theme-morning-blues .page-strip-item:nth-child(3) {
    background: linear-gradient(160deg, var(--color-accent-3) 0%, #e0483a 100%);
}
.theme-morning-blues .page-strip-item:nth-child(4) {
    background: linear-gradient(160deg, var(--color-secondary) 0%, #b5790f 100%);
}

/* Offerings' twelve category numerals cycle through the same warm palette
   in groups of four, so the panel list reads as a lively spread of color
   rather than one repeated gold numeral. */
.theme-morning-blues .offer-panel-num { opacity: 0.75; }
.theme-morning-blues .offer-panel:nth-child(4n+1) .offer-panel-num { color: var(--block-accent, var(--color-accent)); }
.theme-morning-blues .offer-panel:nth-child(4n+2) .offer-panel-num { color: var(--block-accent, var(--color-accent-2)); }
.theme-morning-blues .offer-panel:nth-child(4n+3) .offer-panel-num { color: var(--block-accent, var(--color-accent-3)); }
.theme-morning-blues .offer-panel:nth-child(4n+4) .offer-panel-num { color: var(--block-accent, var(--color-secondary)); }

.theme-morning-blues .offer-chip {
    border-color: var(--color-accent-2);
    color: var(--color-accent-2);
}

/* --- Ornate premium framing, echoing the gold-trimmed illustrated mockup --- */

/* The four philosophy cards on Home: a thin gold frame with lifted corner
   flourishes and a warm cream wash, instead of a flat white box. */
.theme-morning-blues .card {
    background: linear-gradient(160deg, #ffffff 0%, #fffaf0 100%);
    border: 1px solid rgba(240, 168, 36, 0.35);
    box-shadow: var(--theme-card-shadow), 0 1px 0 rgba(240, 168, 36, 0.5) inset;
}

.theme-morning-blues .card::after {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    width: 22px;
    height: 22px;
    border-top: 2px solid var(--color-secondary);
    border-right: 2px solid var(--color-secondary);
    opacity: 0.55;
}

.theme-morning-blues .card:hover {
    box-shadow: 0 15px 40px rgba(240, 168, 36, 0.16);
}

/* About page's small info boxes: from a plain left rule to a fully framed,
   gently lit card matching the rest of the ornate treatment. */
.theme-morning-blues .highlight-box {
    border: 1px solid rgba(240, 168, 36, 0.3);
    border-left: 3px solid var(--color-secondary);
    background: linear-gradient(160deg, #ffffff 0%, #fffaf0 100%);
    border-radius: 6px;
    padding: 1.2rem 1.2rem 1.2rem 1.4rem;
    box-shadow: 0 8px 24px rgba(240, 168, 36, 0.08);
}

/* Offerings' twelve category panels: a soft gold rule along the top and a
   warmer lift on hover, so each panel reads as its own framed card. */
.theme-morning-blues .offer-panel {
    border-top: 3px solid rgba(240, 168, 36, 0.45);
    box-shadow: 0 6px 18px rgba(240, 168, 36, 0.06);
}

/* A large decorative quotation mark, gold and translucent, behind every
   pull-quote — the same festive-invite feel as the mockup's ornamental type. */
.theme-morning-blues .quote-block {
    position: relative;
}

.theme-morning-blues .quote-block::before {
    content: '\201C';
    position: absolute;
    left: -0.6rem;
    top: -2.2rem;
    font-size: 6rem;
    font-family: var(--font-heading);
    color: var(--color-accent-3);
    opacity: 0.18;
    line-height: 1;
    pointer-events: none;
}

/* The page-title strip now sits on a dark photo rather than a light surface,
   so its heading/subtitle need light, legible colors instead of the theme's
   usual dark-on-light text. */
.theme-morning-blues .page-title-strip h1 {
    color: #fbf7ec;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.55);
}

.theme-morning-blues .page-title-strip p {
    color: #d7ece7 !important;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}

/* Section-title divider: the marigold diamond now sits on a short gold
   gradient rule, echoing the mockup's flanking ornamental lines. */
.theme-morning-blues .section-title::after {
    color: var(--color-accent);
    text-shadow: 0 0 10px rgba(255, 138, 61, 0.35);
    background-image: linear-gradient(to right, transparent 0%, rgba(240, 168, 36, 0.55) 30%, rgba(240, 168, 36, 0.55) 70%, transparent 100%);
    background-repeat: no-repeat;
    background-position: center 55%;
    background-size: 100% 1px;
    padding: 0.5rem 0 0.2rem;
}