/* ============================================================
   RAJRISHI — BRAND THEME LAYER
   Brand Deep · Royal Gold · Warm Accent · Chakra energy
   Premium · Luxury · Spiritual · Trustworthy

   Load AFTER style.css. Existing structure untouched —
   style.css stays as-is; this layer re-maps its CSS variables
   and upgrades key components to the brand palette.

   Brand colors are overridable at runtime from Website Settings
   (Theme & Colors) via partials/brand-colors.blade.php, which
   re-declares these tokens to any premium scheme chosen in admin.

   Modes:
     :root              → Light (premium ivory + brand-gold)
     [data-theme="dark"] → Dark  (luxury brand night, default of the brand)
   ============================================================ */

/* ------------------------------------------------------------------
   1. TOKENS — LIGHT (default)
   ------------------------------------------------------------------ */
:root {
    color-scheme: light;

    /* Brand primaries — overridable from Website Settings (Theme & Colors) */
    --brand: #1a1245;
    --brand-deep: #120b33;
    --brand-soft: #2a1e66;
    --brand-violet: #7b1fa2;
    --brand-rgb: 26 18 69;          /* RGB triplet of the brand base (for alpha) */

    /* Warm energy (orange) — deepened for readability on light */
    --saffron: #a84a12;          /* accessible deep orange (icons, ticks) */
    --saffron-deep: #8a3d0c;     /* links, active nav, ghost CTA text */
    --saffron-soft: #f6b37c;

    /* Royal gold family */
    --gold: #c9a227;
    --gold-soft: #d9b458;
    --gold-bright: #e9c75c;
    --gold-deep: #8a6b1d;        /* gold accents on light backgrounds */
    --gold-text: #7a5f16;        /* gold TEXT that passes WCAG AA on ivory */
    --gold-glow: rgba(201, 162, 39, 0.14);

    /* Sacred greens & lotus rose (rare accents) */
    --leaf: #6b8e4e;
    --rose: #c0392b;

    /* Surfaces */
    --cream: #faf6ee;
    --cream-soft: #f4edde;
    --sand: #efe6d3;
    --surface: #ffffff;
    --surface-raised: #fffdf6;

    /* Ink — brand-tinted, high contrast */
    --ink: #1c2238;             /* professional deep slate-navy (headings/body) */
    --ink-soft: #4f4872;
    --ink-faint: #6e6791;

    /* Lines & shadows */
    --line: rgb(var(--brand-rgb) / 0.14);
    --line-warm: rgba(201, 162, 39, 0.3);
    --shadow-soft: 0 18px 45px -18px rgb(var(--brand-rgb) / 0.22);
    --shadow-lift: 0 30px 60px -25px rgb(var(--brand-rgb) / 0.32);
    --focus-ring: var(--brand-soft);
    --focus-ring-soft: rgb(var(--brand-rgb) / 0.16);

    /* Gradient systems */
    --grad-text-1: #7a5f16;
    --grad-text-2: #a06e14;
    --grad-text-3: #a84a12;

    --aurora-1: #7a5f16;
    --aurora-2: #b0832b;
    --aurora-3: #a84a12;

    --grad-gold: linear-gradient(115deg,
        #b8912e 0%, #c9a227 22%, #f1dc8b 40%, #e9c75c 50%,
        #c9a227 62%, #af8a28 82%, #c9a227 100%);

    --grad-cta: linear-gradient(135deg,
        var(--brand-deep) 0%, var(--brand) 48%, var(--brand-soft) 100%);

    /* Always-dark sacred bands (loader, energy map) */
    --band-a: #171034;
    --band-b: #0c0822;

    --chakra-linear: linear-gradient(90deg,
        rgba(229, 57, 53, 0.6), rgba(232, 131, 58, 0.6),
        rgba(246, 201, 69, 0.6), rgba(107, 142, 78, 0.6),
        rgba(63, 130, 196, 0.6), rgba(106, 79, 196, 0.6),
        rgba(123, 31, 162, 0.6));
    --chakra-conic: conic-gradient(from 315deg,
        rgba(229, 57, 53, 0.7), rgba(232, 131, 58, 0.7),
        rgba(246, 201, 69, 0.7), rgba(107, 142, 78, 0.7),
        rgba(63, 130, 196, 0.7), rgba(106, 79, 196, 0.7),
        rgba(123, 31, 162, 0.7), rgba(229, 57, 53, 0.7));
}

/* ------------------------------------------------------------------
   2. TOKENS — DARK (luxury brand night — the theme's hero mode)
   ------------------------------------------------------------------ */
[data-theme="dark"] {
    color-scheme: dark;

    --saffron: #f09a55;          /* brighter accent reads on the night scene */
    --saffron-deep: #e8833a;     /* warm orange text on dark */
    --saffron-soft: #f6b37c;

    --gold: #c9a227;
    --gold-soft: #d9b458;
    --gold-bright: #e9c75c;
    --gold-deep: #b8912e;
    --gold-text: #e9c75c;
    --gold-glow: rgba(233, 199, 92, 0.12);

    --cream: #0e0a24;            /* deepest brand night */
    --cream-soft: #151033;
    --sand: #120d2b;
    --surface: #171034;          /* card surface */
    --surface-raised: #1d1544;

    --ink: #f1edff;              /* ivory-white text */
    --ink-soft: #bfb6e6;
    --ink-faint: #9289bb;

    --line: rgba(217, 180, 88, 0.18);
    --line-warm: rgba(201, 162, 39, 0.38);
    --shadow-soft: 0 18px 45px -18px rgba(0, 0, 0, 0.55);
    --shadow-lift: 0 30px 60px -25px rgba(0, 0, 0, 0.7);
    --focus-ring: #e9c75c;
    --focus-ring-soft: rgba(201, 162, 39, 0.2);

    --grad-text-1: #f1dc8b;
    --grad-text-2: #d9b458;
    --grad-text-3: #f09a55;

    --aurora-1: #e9c75c;
    --aurora-2: #f1dc8b;
    --aurora-3: #f09a55;

    --grad-gold: linear-gradient(115deg,
        #af8a28 0%, #c9a227 20%, #f1dc8b 38%, #eedc88 50%,
        #d9b458 64%, #af8a28 82%, #c9a227 100%);

    --grad-cta: linear-gradient(135deg,
        var(--brand-deep) 0%, var(--brand) 48%, var(--brand-soft) 100%);
}

/* ------------------------------------------------------------------
   3. GRADIENT TEXT (brand metals, accessible by mode)
   ------------------------------------------------------------------ */
.grad-text {
    background: linear-gradient(115deg, var(--grad-text-1), var(--grad-text-2) 55%, var(--grad-text-3));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.section-deep .grad-text {
    background: linear-gradient(115deg, #f1dc8b, #d9b458 55%, #f09a55);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.aurora-text {
    background: linear-gradient(120deg, var(--aurora-1), var(--aurora-2) 45%, var(--aurora-3) 72%, var(--aurora-1));
    background-size: 300% auto;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: auroraFlow 9s ease-in-out infinite;
}

/* ------------------------------------------------------------------
   4. COMPONENT UPGRADES (light + dark via variables)
   ------------------------------------------------------------------ */

/* Links — brand by default, warm energy hover */
a { color: var(--brand-soft); }
a:hover { color: var(--saffron-deep); }

/* Buttons — Royal Gold metallic, deep brand type (WCAG AA: ≥ 5.8:1) */
.btn-gold {
    background-image: var(--grad-gold);
    background-size: 220% auto;
    background-position: left center;
    color: var(--brand-deep);
}
.btn-gold:hover, .btn-gold:focus {
    color: var(--brand-deep);
    background-position: right center;
    transform: translateY(-3px);
    box-shadow: 0 18px 34px -14px rgb(var(--brand-rgb) / 0.4);
}
[data-theme="dark"] .btn-gold:hover,
[data-theme="dark"] .btn-gold:focus {
    box-shadow: 0 18px 34px -14px rgba(0, 0, 0, 0.7), 0 0 22px rgba(233, 199, 92, 0.18);
}

.btn-ghost {
    color: var(--saffron-deep);
    border-color: var(--line-warm);
}
.btn-ghost:hover { background: var(--gold-glow); color: var(--saffron-deep); }

.btn-light-solid { background: var(--surface); color: var(--saffron-deep); }

/* Top bar — deep brand with gold whisper line */
.topbar {
    background: linear-gradient(90deg, var(--brand-deep) 0%, var(--brand) 55%, var(--brand-soft) 100%);
    color: rgba(250, 246, 238, 0.94);
    border-bottom: 1px solid rgba(201, 162, 39, 0.32);
}
.topbar-right a { color: rgba(250, 246, 238, 0.94); }
.topbar-right a:hover { color: var(--gold-bright); }
.topbar-right i { color: var(--gold-soft); }

/* Header surface */
.site-header { background: rgba(255, 255, 255, 0.92); }
[data-theme="dark"] .site-header { background: rgba(14, 10, 36, 0.85); }

.brand-text strong { color: var(--saffron-deep); }
.brand-text em { color: var(--gold-text); letter-spacing: 0.3em; }

.navbar-nav .nav-link { color: var(--ink); }
.nav-link.active { color: var(--saffron-deep) !important; }
.navbar-nav .nav-link::after {
    background: linear-gradient(90deg, var(--gold), var(--gold-bright));
}

.toggler-icon { background: var(--saffron-deep); }

.dropdown-menu { background: var(--surface-raised); border: 1px solid var(--line); }
.dropdown-item { color: var(--ink); }
.dropdown-item:hover { background: var(--gold-glow); color: var(--saffron-deep); }
[data-theme="dark"] .navbar-collapse { background: var(--surface); }

/* Hero — brand-tinted radiance, metal & violet glows */
.hero {
    background:
        radial-gradient(1200px 600px at 90% -10%, rgba(122, 98, 220, 0.16), transparent 60%),
        radial-gradient(900px 500px at -10% 110%, rgba(201, 162, 39, 0.16), transparent 60%),
        linear-gradient(180deg, #fbf7ef 0%, var(--cream) 100%);
}
[data-theme="dark"] .hero {
    background:
        radial-gradient(1100px 560px at 90% -10%, rgba(150, 116, 224, 0.2), transparent 60%),
        radial-gradient(900px 500px at -10% 110%, rgba(201, 162, 39, 0.13), transparent 60%),
        radial-gradient(700px 360px at 50% 115%, rgba(123, 31, 162, 0.12), transparent 65%),
        linear-gradient(180deg, #131031 0%, var(--cream) 100%);
}

.hero-eyebrow {
    background: rgba(255, 255, 255, 0.72);
    border-color: var(--line-warm);
    color: var(--saffron-deep);
}
[data-theme="dark"] .hero-eyebrow { background: rgba(23, 16, 52, 0.72); }

.hero-decor .om-symbol { color: rgb(var(--brand-rgb) / 0.08); }
[data-theme="dark"] .hero-decor .om-symbol { color: rgba(201, 162, 39, 0.07); }
.hero-decor .lotus { color: rgba(201, 162, 39, 0.12); }
[data-theme="dark"] .hero-decor .lotus { color: rgba(201, 162, 39, 0.16); }
.hero-decor .chakra-dots { color: rgba(107, 142, 78, 0.14); }
[data-theme="dark"] .hero-decor .chakra-dots { color: rgba(107, 142, 78, 0.18); }

.hero-scroll .dot-anim { background: var(--grad-gold); }
[data-theme="dark"] .hero-scroll { color: var(--ink-faint); }

.hero-stats .stat h3 { color: var(--saffron-deep); }

/* Ticker — brand band with gold serif */
.ticker {
    background: linear-gradient(90deg, var(--brand-deep), var(--brand) 55%, var(--brand-soft));
    border-top: 1px solid var(--line-warm);
    border-bottom: 1px solid var(--line-warm);
}
.ticker-track span { color: var(--gold-soft); }
.ticker-track i { color: var(--gold-bright); }

/* Sections */
.section-soft { background: linear-gradient(180deg, var(--surface), var(--cream-soft)); }
.section-sand { background: var(--sand); }

.page-hero {
    background:
        radial-gradient(700px 380px at 85% 0%, rgba(122, 98, 220, 0.13), transparent 60%),
        radial-gradient(600px 360px at 0% 100%, rgba(201, 162, 39, 0.15), transparent 60%),
        linear-gradient(180deg, #fbf7ef, var(--cream));
    border-bottom-color: var(--line);
}
[data-theme="dark"] .page-hero {
    background:
        radial-gradient(700px 380px at 85% 0%, rgba(150, 116, 224, 0.16), transparent 60%),
        radial-gradient(600px 360px at 0% 100%, rgba(201, 162, 39, 0.12), transparent 60%),
        linear-gradient(180deg, #131031, var(--cream));
}

.eyebrow { color: var(--gold-text); }
[data-theme="dark"] .eyebrow { color: var(--gold-bright); }
.eyebrow::before, .eyebrow::after { background: linear-gradient(90deg, transparent, var(--gold-soft)); }
.eyebrow::after { background: linear-gradient(90deg, var(--gold-soft), transparent); }

.divider-om { color: var(--gold-soft); }

.section-title .grad-text { color: transparent; }

/* Cards & surfaces — variable driven for both modes */
.service-card,
.t-card,
.course-card,
.alchemy-item,
.accordion-item,
.contact-info-card,
.form-shell,
.benefit-list li,
.legal-modal {
    background: var(--surface);
    border-color: var(--line);
}
.service-card:hover { border-color: rgba(201, 162, 39, 0.5); }
.alchemy-item:hover { border-color: rgba(201, 162, 39, 0.45); }

.info-panel {
    background: linear-gradient(180deg, var(--surface), var(--cream-soft));
    border-color: var(--line);
}
.info-panel h6 { color: var(--gold-text); }

.accordion-button { background: var(--surface-raised); color: var(--ink); }
.accordion-button:not(.collapsed) { background: var(--cream-soft); color: var(--saffron-deep); }

.contact-info-card p, .contact-info-card a { color: var(--ink-soft); }
.contact-info-card a:hover { color: var(--saffron-deep); }

/* Icon chips — brand→gold jewellery gradient (white glyph ≥ AA) */
.service-icon,
.om-badge,
.contact-info-card .c-icon {
    background: linear-gradient(135deg, var(--gold-deep) 0%, var(--brand-soft) 100%);
    box-shadow: 0 12px 24px -10px rgb(var(--brand-rgb) / 0.45);
}
.t-avatar { background: linear-gradient(135deg, var(--gold-deep), var(--brand-soft)); }

/* Collage + detail imagery */
.collage .img-frame { border-color: var(--surface); background: var(--sand); }
.detail-hero-img { border-color: var(--surface); background: var(--sand); }

/* Badge pill on course media */
.cc-level {
    background: rgba(255, 255, 255, 0.92);
    color: var(--saffron-deep);
}
[data-theme="dark"] .cc-level { background: rgba(14, 10, 36, 0.85); color: var(--gold-bright); }

/* Forms — gold focus ring, brand borders */
.form-control:focus, .form-select:focus {
    border-color: var(--gold);
    box-shadow: 0 0 0 0.22rem var(--focus-ring-soft);
    background: var(--surface);
}
.form-control::placeholder { color: var(--ink-faint); opacity: 1; }
.legal-close { background: var(--cream-soft); color: var(--saffron-deep); }

/* Map — brand-tamed; inverted dreamy blue in dark */
.map-shell iframe { filter: sepia(8%) saturate(120%) hue-rotate(-8deg); }
[data-theme="dark"] .map-shell iframe {
    filter: invert(0.92) hue-rotate(205deg) saturate(0.5) brightness(0.9) contrast(1.02);
}

/* Switchable UI elements */
.swiper-pagination-bullet-active { background: var(--saffron); }

/* Hero emphasized span — gold metals (beats style.css specificity) */
.hero h1 .grad-text {
    background: linear-gradient(115deg, var(--grad-text-1), var(--grad-text-2) 55%, var(--grad-text-3));
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: transparent;
}

/* UX chrome — loader, glow, progress, back-to-top */
.page-loader { background: radial-gradient(circle at 50% 40%, var(--brand-soft), var(--band-b) 75%); }
.page-loader .loader-text { color: var(--gold-soft); }
.cursor-glow {
    background: radial-gradient(circle, rgba(150, 116, 224, 0.14), rgba(201, 162, 39, 0.06) 42%, transparent 70%);
}
.scroll-progress { background: linear-gradient(90deg, var(--gold), var(--brand-soft)); }
.back-to-top { background: transparent; }
.back-to-top .btt-ring .btt-track { stroke: var(--line); }

/* Accordion carries an !important border in style.css */
.accordion-item { border-color: var(--line) !important; }

/* Footer — brand surfaces */
.site-footer {
    background: linear-gradient(180deg, var(--cream-soft), var(--sand));
    border-top-color: var(--line);
}
.footer-decor svg path { fill: var(--cream); }
.footer-newsletter .form-control { background: var(--surface); }
.footer-social a { background: var(--surface); border-color: var(--line); }
.footer-social a:hover {
    background: linear-gradient(135deg, var(--gold-deep), var(--brand-soft));
    color: #fff;
}
[data-theme="dark"] .footer-bottom { background: rgba(14, 10, 36, 0.6); }

/* Toast + misc */
.app-toast { background: var(--surface); border-left-color: var(--saffron); }
.app-toast .toast-close { color: var(--ink-faint); }
.legal-modal-overlay { background: rgba(10, 6, 30, 0.6); }

/* ------------------------------------------------------------------
   5. CTA BAND — deep brand, gold trim, chakra hairline (≤ 20%)
   ------------------------------------------------------------------ */
.cta-band {
    background: var(--grad-cta);
    border: 1px solid var(--line-warm);
    box-shadow: 0 30px 60px -24px rgb(var(--brand-rgb) / 0.55);
}
.cta-band::before { color: rgba(233, 199, 92, 0.1); }
.cta-band::after {
    content: "";
    position: absolute;
    top: 0; left: 12%; right: 12%;
    height: 2px;
    border-radius: 0 0 2px 2px;
    background: var(--chakra-linear);
    opacity: 0.9;
    z-index: 1;
}
.cta-band .eyebrow { color: var(--gold-bright); }
.cta-band h2,
.cta-band p { color: #fff; }
.cta-band p { color: rgba(255, 255, 255, 0.9); }
.cta-band .btn-white { background: #fff; color: var(--brand-deep); }

/* ------------------------------------------------------------------
   6. CHAKRA ENERGY MAP — always the sacred dark band
   ------------------------------------------------------------------ */
.section-deep {
    background:
        radial-gradient(circle at 50% 30%, rgba(140, 106, 216, 0.18), transparent 62%),
        linear-gradient(180deg, var(--band-a) 0%, var(--band-b) 100%);
    color: #c6bce8;
}
.section-deep::before {
    background-image: radial-gradient(rgba(233, 199, 92, 0.08) 1px, transparent 1px);
}
.section-deep .section-title { color: #f6f1ff; }
.section-deep .section-sub { color: rgba(236, 230, 255, 0.72); }
.section-deep .eyebrow { color: var(--gold-bright); }
.section-deep .divider-om { color: rgba(217, 180, 88, 0.7); }

.section-deep .chakra-wheel { border-color: rgba(217, 180, 88, 0.32); }
.section-deep .cw-core { color: var(--gold-bright); }
.section-deep .chakra-ledger h3 { color: #f6f1ff; }
.section-deep .chakra-ledger p { color: rgba(236, 230, 255, 0.78); }

/* ------------------------------------------------------------------
   7. THEME TOGGLE BUTTON
   ------------------------------------------------------------------ */
.theme-toggle {
    width: 42px; height: 42px;
    flex: none;
    border-radius: 50%;
    border: 1px solid var(--line-warm);
    background: var(--surface);
    color: var(--saffron-deep);
    display: inline-grid;
    place-items: center;
    font-size: 1.02rem;
    transition: var(--transition);
    padding: 0;
}
.theme-toggle:hover {
    border-color: var(--gold);
    color: var(--gold-text);
    transform: translateY(-2px);
    box-shadow: var(--shadow-soft);
}
.theme-toggle .icon-sun { display: block; }
.theme-toggle .icon-moon { display: none; }
[data-theme="dark"] .theme-toggle { color: var(--gold-text); }
[data-theme="dark"] .theme-toggle .icon-sun { display: none; }
[data-theme="dark"] .theme-toggle .icon-moon { display: block; }

/* ------------------------------------------------------------------
   8. ACCESSIBILITY — focus, selection, scrollbars
   ------------------------------------------------------------------ */
:focus-visible {
    outline: 2px solid var(--focus-ring);
    outline-offset: 3px;
    border-radius: 4px;
}
::selection { background: rgba(201, 162, 39, 0.32); color: inherit; }

html.theme-fade-body { transition: background-color 0.35s ease; }

@media (max-width: 991.98px) {
    .theme-toggle { margin: 0; }
}

/* ============================================================
   9. CHAKRA ENERGY MAP — ENHANCED PREMIUM VISUAL
   Orbit · Aura · Sushumna spine · glowing chakra orbs
   ============================================================ */

/* Visual stage — same footprint as the old wheel (no layout shift) */
.chakra-visual {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
}

/* Soft rainbow aura behind the wheel (muted — the 15–20% rule) */
.cw-aura {
    position: absolute;
    top: -3%; left: -3%; right: -3%; bottom: -3%;
    border-radius: 50%;
    background: var(--chakra-conic);
    filter: blur(32px);
    opacity: 0.16;
    z-index: 0;
    animation: pulseSoft 7s ease-in-out infinite;
}

/* Outer gold orbit with a travelling gem */
.cw-halo {
    position: absolute;
    top: -7%; left: -7%; right: -7%; bottom: -7%;
    border-radius: 50%;
    border: 1px dashed rgba(217, 180, 88, 0.3);
    z-index: 1;
    animation: slowSpin 120s linear infinite;
}
.cw-halo::before {
    content: "";
    position: absolute;
    top: 13%; left: 13%; right: 13%; bottom: 13%;
    border-radius: 50%;
    border: 1px solid rgba(139, 111, 216, 0.28);
}
.cw-halo::after {
    content: "";
    position: absolute;
    top: -5px; left: 50%;
    width: 10px; height: 10px;
    border-radius: 50%;
    background: var(--gold-bright);
    box-shadow: 0 0 14px rgba(233, 199, 92, 0.9);
}

/* Sushumna — the central energy current */
.cw-spine {
    position: absolute;
    left: 50%;
    top: 8%; bottom: 8%;
    width: 2px;
    transform: translateX(-50%);
    border-radius: 2px;
    background: linear-gradient(180deg,
        rgba(165, 94, 200, 0) 0%,
        #8b6fd8 18%,
        #c9a227 50%,
        #e8833a 82%,
        rgba(229, 57, 53, 0) 100%);
    box-shadow: 0 0 16px rgba(201, 162, 39, 0.4);
    animation: pulseSoft 4s ease-in-out infinite;
    z-index: 1;
}

/* Wheel — luminous core field, halo sits on top of it */
.chakra-wheel {
    position: relative;
    z-index: 2;
    border-color: rgba(217, 180, 88, 0.34);
    background: radial-gradient(circle at 50% 48%,
        rgba(139, 111, 216, 0.16),
        rgba(12, 8, 34, 0.55) 58%,
        transparent 76%);
    box-shadow: 0 0 70px -20px rgba(139, 111, 216, 0.42);
}

/* Core — gold energy pearl with an expanding pulse ring */
.cw-core {
    box-shadow:
        0 0 46px rgba(201, 162, 39, 0.32),
        inset 0 0 24px rgba(139, 111, 216, 0.22);
}
.cw-core::before {
    content: "";
    position: absolute;
    top: -14px; left: -14px; right: -14px; bottom: -14px;
    border-radius: 50%;
    border: 1px solid rgba(217, 180, 88, 0.45);
    animation: cwPulse 3.6s ease-out infinite;
}

/* Chakra nodes — soft glowing orbs, jewel borders */
.chakra-node {
    border-color: color-mix(in srgb, var(--cc) 85%, #ffffff);
    background: radial-gradient(circle at 35% 35%,
        var(--cc),
        color-mix(in srgb, var(--cc) 22%, #0c0822) 62%,
        transparent 80%);
    box-shadow:
        0 0 24px color-mix(in srgb, var(--cc) 60%, transparent),
        0 14px 32px -14px rgba(0, 0, 0, 0.6);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.chakra-node:hover {
    transform: rotate(calc(var(--ca))) translateY(-100%) scale(1.18);
    box-shadow:
        0 0 34px color-mix(in srgb, var(--cc) 80%, transparent),
        0 0 70px color-mix(in srgb, var(--cc) 38%, transparent);
}

/* Node labels — legible glass pills so names never get lost mid-spin */
.chakra-node .cn-name {
    background: rgba(12, 8, 34, 0.74);
    border: 1px solid rgba(217, 180, 88, 0.22);
    padding: 0.26rem 0.7rem;
    border-radius: 999px;
    backdrop-filter: blur(5px);
    color: rgba(250, 246, 238, 0.92);
    margin-top: 0.58rem;
    font-size: 0.64rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    transition: border-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
.chakra-node:hover .cn-name { border-color: var(--cc); color: #fff; }

@keyframes cwPulse {
    0%   { transform: scale(0.85); opacity: 0.7; }
    70%  { transform: scale(1.4); opacity: 0; }
    100% { transform: scale(1.4); opacity: 0; }
}

/* Ledger — seven-center quick reference */
.chakra-axis {
    list-style: none;
    margin: 1.7rem 0 2.1rem;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem 1.2rem;
    max-width: 520px;
}
.chakra-axis li {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(236, 230, 255, 0.84);
    transition: color 0.25s ease, transform 0.25s ease;
}
.chakra-axis li:hover { color: #fff; transform: translateX(4px); }

.cx-axis-dot {
    width: 10px; height: 10px;
    flex: none;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, var(--cc), rgba(14, 10, 36, 0.85) 72%);
    box-shadow: 0 0 10px color-mix(in srgb, var(--cc) 60%, transparent);
}

@media (max-width: 767.98px) {
    .cw-halo,
    .cw-spine { display: none; }
    .cw-aura { top: -1%; left: -1%; right: -1%; bottom: -1%; opacity: 0.12; }
    .chakra-axis { gap: 0.5rem 0.7rem; }
}

/* ============================================================
   UNIVERSE · DARK NIGHT (raj-rishi cosmic, on-theme dark colors)
   Loads after style.css -> clean dark override, zero CSS/JS clash.
   Home hero-universe markup (home.blade.php) uses:
   .uni-system > .uni-sun, .uni-orbit(--sz/--pd/--odl) > .uni-planet(--psz/--h1/--h2/--h3),
   .uni-pring, .uni-star(--x/--y/--sz/--al/--tw/--dl), .uni-bstar,
   .uni-shoot, .uni-dust, .uni-flare f1/f2, .uni-nebula, .uni-milkyway.
   ============================================================ */
[data-theme="dark"] .hero-universe {
    background:
        radial-gradient(1100px 560px at 78% 4%, rgba(88, 54, 194, 0.30), transparent 60%),
        radial-gradient(900px 560px at 22% 100%, rgba(56, 14, 120, 0.34), transparent 62%),
        radial-gradient(760px 460px at 43% 14%, rgba(19, 12, 51, 0.9), transparent 58%);
}
[data-theme="dark"] .hero-universe .uni-nebula.n1 {
    background: radial-gradient(closest-side, rgba(114, 72, 225, 0.55), transparent 78%);
}
[data-theme="dark"] .hero-universe .uni-nebula.n2 {
    background: radial-gradient(closest-side, rgba(196, 45, 178, 0.45), transparent 78%);
}
[data-theme="dark"] .hero-universe .uni-nebula.n3 {
    background: radial-gradient(closest-side, rgba(70, 100, 226, 0.5), transparent 78%);
}
[data-theme="dark"] .hero-universe .uni-milkyway {
    background: repeating-linear-gradient(100deg,
        rgba(138, 120, 255, 0.10) 0 72px,
        rgba(255, 220, 150, 0.07) 72px 150px,
        rgba(255, 255, 255, 0.035) 150px 220px);
    filter: blur(2px);
}
[data-theme="dark"] .hero-universe .uni-star {
    background: #fff;
    box-shadow: 0 0 8px 2px rgba(255, 255, 255, 0.75);
}
[data-theme="dark"] .hero-universe .uni-bstar {
    background: rgba(255, 242, 210, 1);
    box-shadow: 0 0 var(--sz) var(--sz) rgba(255, 230, 170, 0.7);
}
[data-theme="dark"] .hero-universe .uni-sun {
    background: radial-gradient(circle at 38% 34%, #fffdf2, #ffedaa 46%, #ffc65c 74%, #ff8f2e);
    box-shadow:
        0 0 8vmin 3vmin rgba(255, 200, 100, 0.6),
        0 0 18vmin 9vmin rgba(255, 170, 80, 0.3);
}
[data-theme="dark"] .hero-universe .uni-orbit {
    border-color: rgba(222, 188, 110, 0.30);
}
[data-theme="dark"] .hero-universe .uni-planet {
    box-shadow:
        inset -1.4vmin -1.2vmin 2.6vmin rgba(10, 6, 38, 0.85),
        0 0 1.8vmin 0.4vmin rgba(255, 255, 255, 0.22);
}
[data-theme="dark"] .hero-universe .uni-planet.is-earth {
    box-shadow:
        inset -1.4vmin -1.2vmin 2.6vmin rgba(10, 6, 38, 0.9),
        0 0 2.6vmin 0.7vmin rgba(93, 182, 255, 0.65),
        0 0 6vmin 2vmin rgba(31, 84, 178, 0.4);
}
[data-theme="dark"] .hero-universe .uni-pring {
    border-color: rgba(246, 202, 116, 0.55);
}
[data-theme="dark"] .hero-universe .uni-shoot {
    background: linear-gradient(90deg, rgba(142, 112, 255, 0.95), transparent 80%);
}
@media (prefers-reduced-motion: reduce) {
    [data-theme="dark"] .hero-universe .uni-shoot { display: none; }
}