/* Nina Atelier — variant LIGHT (landing + pitch)
   Chargé après base.css. Override des variables + ajustements ciblés.
   L'App et l'Archi restent dark (identité "outil de terrain"). */

:root {
  --bg: #FAF8F1;                       /* ivoire chaud, moins agressif que blanc pur */
  --bg-elev: #FFFFFF;                  /* cards blanches */
  --bg-elev-2: #F1EEE1;                /* 2e niveau */
  --border: #E2DFD0;                   /* bordure sable clair */
  --border-strong: #C8C3AE;
  --text: #1D1A15;                     /* noir chaud */
  --text-muted: #4B463C;
  --text-dim: #8A8578;
  --grad-soft: linear-gradient(135deg, rgba(124,58,237,0.10) 0%, rgba(6,182,212,0.10) 100%);
  --glow-violet: 0 20px 60px -30px rgba(124,58,237,0.35);
  --glow-cyan: 0 20px 60px -30px rgba(6,182,212,0.30);
  --shadow-1: 0 1px 0 rgba(0,0,0,0.03) inset, 0 12px 32px -20px rgba(0,0,0,0.15);
}

body {
  background:
    radial-gradient(ellipse at 15% -5%, rgba(124,58,237,0.08), transparent 55%),
    radial-gradient(ellipse at 85% 8%, rgba(6,182,212,0.06), transparent 55%),
    radial-gradient(ellipse at 50% 100%, rgba(124,58,237,0.04), transparent 50%),
    var(--bg);
}

::selection { background: rgba(124,58,237,0.30); color: #0B0D12; }

/* Top nav — contraste renforcé sur fond ivoire */
.topnav {
  background: rgba(255, 255, 255, 0.92);
  border-bottom-color: var(--border-strong);
  box-shadow: 0 4px 24px -16px rgba(29, 26, 21, 0.20);
}
.topnav .navlinks a:hover { background: rgba(0,0,0,0.05); }
.topnav .navlinks a { color: var(--text-muted); font-weight: 500; }
.brand { color: var(--text); font-weight: 700; }
.brand .sub { color: var(--text-muted); }
.brand .divider { background: var(--border-strong); }

/* Boutons */
.btn {
  background: #FFFFFF;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}
.btn:hover { box-shadow: 0 6px 20px -6px rgba(0,0,0,0.10); }
.btn.primary { color: #0B0D12; }
.btn.ghost { background: transparent; }

/* Cards */
.card {
  background: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 12px 32px -24px rgba(0,0,0,0.12);
}
.card.accent { box-shadow: var(--glow-violet), 0 1px 3px rgba(0,0,0,0.04); }

/* Chips — couleurs de texte foncées pour lisibilité sur fond clair */
.chip { background: rgba(255,255,255,0.9); }
.chip.violet { color: #6D28D9; border-color: rgba(124,58,237,0.35); background: rgba(124,58,237,0.08); }
.chip.cyan { color: #0E7490; border-color: rgba(6,182,212,0.35); background: rgba(6,182,212,0.08); }
.chip.emerald { color: #047857; border-color: rgba(16,185,129,0.35); background: rgba(16,185,129,0.08); }
.chip.amber { color: #92400E; border-color: rgba(245,158,11,0.40); background: rgba(245,158,11,0.08); }

/* Foot */
.foot { border-top-color: var(--border); }
.hairline {
  background: linear-gradient(90deg, transparent, var(--border-strong), transparent);
}

/* --- Landing spécifique --- */

/* Icons cards valeur : violet foncé, plus lisible */
.valeur .icon { color: #6D28D9; }

/* Preview-frame : RESTE DARK pour vendre visuellement l'App */
.preview-frame {
  --bg: #0B0D12;
  --bg-elev: #131722;
  --bg-elev-2: #181D2B;
  --border: #232937;
  --border-strong: #2E3648;
  --text: #E6E8EC;
  --text-muted: #8A93A6;
  --text-dim: #5B6479;
  background: linear-gradient(180deg, rgba(255,255,255,0.02), transparent 60%), var(--bg-elev);
  box-shadow: 0 40px 120px -30px rgba(124,58,237,0.40), 0 4px 12px rgba(0,0,0,0.10);
}
/* Le preview reste noir → les enfants héritent des variables scopées */

/* Stack items */
.stack .item {
  background: rgba(255,255,255,0.6);
}

/* Destinations "go" bouton */
.dest .go { color: var(--text); border-color: var(--border-strong); background: #FFFFFF; }
.dest .go:hover { color: #0B0D12; }

/* --- Pitch spécifique --- */

/* Triptic titres colorés — versions foncées lisibles sur blanc */
.triptic .card.pb h3 { color: #B91C1C; }
.triptic .card.sol h3 { color: #6D28D9; }
.triptic .card.dif h3 { color: #047857; }

/* Contact box */
.contact {
  background: linear-gradient(135deg, rgba(124,58,237,0.06), rgba(6,182,212,0.03));
  border-color: rgba(124,58,237,0.25);
}

/* Roadmap dates */
.roadmap .row .d { color: #6D28D9; }

/* Eco table */
.eco th { color: var(--text-muted); }

/* --- Overrides inline styles hardcodés en couleurs dark-optimized --- */

/* Ces couleurs étaient posées en style="color:#XXX" dans le HTML pour la
   version dark. On les foncie pour rester lisibles sur fond clair. */
[style*="color:#6EE7B7"], [style*="color: #6EE7B7"] { color: #047857 !important; }
[style*="color:#67E8F9"], [style*="color: #67E8F9"] { color: #0E7490 !important; }
[style*="color:#FCA5A5"], [style*="color: #FCA5A5"] { color: #B91C1C !important; }
[style*="color:#C4B5FD"], [style*="color: #C4B5FD"] { color: #6D28D9 !important; }
[style*="color:#FCD34D"], [style*="color: #FCD34D"] { color: #92400E !important; }
[style*="color:#A5F3FC"], [style*="color: #A5F3FC"] { color: #0E7490 !important; }

/* Border-color inline dark */
[style*="border-color:rgba(124,58,237,0.35)"] { border-color: rgba(124,58,237,0.35) !important; }