/* ═══════════════════════════════════════════════════════════════════════════
   KODA MONDE TERRA — Accent & Surcharges
   ═══════════════════════════════════════════════════════════════════════════
   Depends on: koda-design-tokens.css, koda-monde-shell-v2.css
   Replaces:   koda-monde-terra.css (3356L) + koda-monde-terra-theme.css

   Ce fichier contient UNIQUEMENT :
   - Variables --monde-* pour Terra
   - Hero overlay Terra
   - Aliases de transition pour hooks JS (W0bis)
   - Surcharges visuelles minimales propres a Terra

   Tout le layout, les composants et le responsive viennent du shell V2.
   ═══════════════════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════════════════════
   1. VARIABLES MONDE — TERRA / OUROBOROS
   ═══════════════════════════════════════════════════════════════════════════
   Source : koda-design-tokens.css (:root --koda-terra-*)
   These override the default --monde-* set in :root.
   Also available via body.koda-world-terra in design-tokens.css.
   ═══════════════════════════════════════════════════════════════════════════ */

.koda-monde--terra {
    --monde-primary: var(--koda-terra-primary);
    --monde-secondary: var(--koda-terra-secondary);
    --monde-dark: var(--koda-terra-dark);
    --monde-glow: var(--koda-terra-glow);
    --monde-subtle: var(--koda-terra-subtle);
    --monde-border: var(--koda-terra-border);
    --monde-gradient: linear-gradient(135deg, #0a1f0a 0%, var(--koda-void) 100%);

    /* Hero overlay — foret mystique (simplifie W3) */
    --monde-hero-overlay: linear-gradient(
        180deg,
        rgba(10, 15, 10, 0.85) 0%,
        rgba(10, 15, 10, 0.4) 40%,
        rgba(10, 15, 10, 0.7) 100%
    );
}


/* ═══════════════════════════════════════════════════════════════════════════
   2. ALIASES DE TRANSITION — HOOKS JS (W0bis)
   ═══════════════════════════════════════════════════════════════════════════
   koda-monde-aqua.js L57 et koda-monde-lupus.js L56 ciblent :
     .species-card, .terra-section, .terra-quest, .terra-nav
   avec un IntersectionObserver pour ajouter .animate-in.

   koda-monde-terra.js cible :
     .koda-monde--terra[data-koda-terra]  (root selector — preserved above)
     #datetime-{i}, #env-temp-{i}, etc.  (IDs — preserved in template PHP)

   Ces aliases sont des no-op structurels : ils assurent que les selecteurs
   JS trouvent les elements meme si le CSS legacy n'est plus charge.
   A SUPPRIMER apres mise a jour du JS (W13 cleanup).
   ═══════════════════════════════════════════════════════════════════════════ */

/* terra-section : utilise par le PHP template (tools/codex sections) */
.koda-monde--terra .terra-section {
    /* No-op — layout handled by .koda-monde__section in shell V2 */
    /* Full-width breakout already in shell V2 section 2b */
}

/* terra-nav : utilise par le PHP template */
.koda-monde--terra .terra-nav {
    /* No-op — layout handled by shell V2 section 2b */
}


/* ═══════════════════════════════════════════════════════════════════════════
   3. SURCHARGES VISUELLES TERRA
   ═══════════════════════════════════════════════════════════════════════════
   Effets subtils propres a Terra, sans recréer le theme Terminal.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Fond du wrapper — teinte foret ── */
.koda-monde--terra {
    background: var(--monde-gradient);
}

/* ── Hero logo glow — vert foret ── */
.koda-monde--terra .koda-monde__hero .hero__logo {
    animation: koda-monde-logoFloat 5s ease-in-out infinite;
    filter: drop-shadow(0 0 20px var(--monde-glow));
}

/* ── Cards — accent bar vert ── */
.koda-monde--terra .koda-monde__card::before {
    background: var(--koda-terra-primary);
}

/* ── Stats numbers — vert ── */
.koda-monde--terra .koda-monde__stat-number {
    color: var(--koda-terra-primary);
}

/* ── Pricing featured card — glow vert ── */
.koda-monde--terra .koda-monde__pricing-card--featured {
    border-color: var(--koda-terra-primary);
    box-shadow: 0 0 30px var(--koda-terra-glow);
}

/* ── Timeline dots — vert ── */
.koda-monde--terra .koda-monde__timeline-dot {
    background: var(--koda-terra-primary);
    box-shadow: 0 0 8px var(--koda-terra-glow);
}

/* ── Section elevated bg — foret sombre ── */
.koda-monde--terra .koda-monde__section--elevated {
    background: linear-gradient(
        180deg,
        rgba(10, 25, 10, 0.4) 0%,
        rgba(10, 15, 10, 0.2) 100%
    );
}

/* ── Scroll indicator — vert ── */
.koda-monde--terra .koda-monde__scroll-line {
    background: linear-gradient(to bottom, var(--koda-terra-primary), transparent);
}

/* ── Value card labels — colors already from design tokens via shell ── */
/* No overrides needed: --koda-danger, --koda-success, --monde-primary work. */

/* ── Tool icons bg — subtle vert ── */
.koda-monde--terra .koda-monde__tool-icon {
    background: var(--koda-terra-subtle);
}

/* ── Moniteur mockup — border accent ── */
.koda-monde--terra .koda-monde__moniteur-mockup {
    border-color: var(--koda-terra-border);
}

/* ── CTA final — gradient foret ── */
.koda-monde--terra .koda-monde__final-cta {
    background: linear-gradient(
        180deg,
        transparent 0%,
        rgba(10, 25, 10, 0.3) 50%,
        transparent 100%
    );
}


/* ═══════════════════════════════════════════════════════════════════════════
   4. TERRA KEYFRAMES
   ═══════════════════════════════════════════════════════════════════════════
   Seules les animations SPECIFIQUES a Terra.
   fadeInUp, logoFloat, cursorBlink, typeIn sont dans le shell V2.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Logo glow parametrable (utilise --monde-glow du shell) ── */
/* logoGlow already defined in shell V2 as koda-monde-logoGlow */


/* ═══════════════════════════════════════════════════════════════════════════
   FIN — TERRA ACCENT
   ═══════════════════════════════════════════════════════════════════════════
   Lignes : ~160 (vs 3356 dans le monolithe legacy)
   Reduction : ~95%
   ═══════════════════════════════════════════════════════════════════════════ */