/* ═════════════════════════════════════════════════════════
   Allways — Landing tweaks
   Three expressive controls that reshape the FEEL.
   ═════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────
   1. MOOD — full personality swap
   ───────────────────────────────────────────────────────── */

/* Confiance (default) — already covered by base CSS, no override */

/* Énergie — orange-led, warmer, more conquering */
[data-mood="energie"] {
  --electric: #ff5b22;
  --electric-2: #ff8050;
  --electric-soft: #ffe9df;
  --navy: #2b1410;
  --navy-2: #432019;
}
[data-mood="energie"][data-theme="dark"] {
  --electric-soft: rgba(255, 91, 34, .18);
}
[data-mood="energie"] .script-accent { color: var(--electric); }
[data-mood="energie"] .hero::before {
  background:
    radial-gradient(900px 460px at 18% 6%, rgba(255, 91, 34, .14), transparent 65%),
    radial-gradient(700px 400px at 85% 30%, rgba(255, 193, 58, .12), transparent 70%);
}
[data-mood="energie"] .btn-primary {
  box-shadow: 0 8px 24px -8px rgba(255, 91, 34, .55), inset 0 1px 0 rgba(255,255,255,.18);
}
[data-mood="energie"] .btn-primary:hover {
  background: #e84a14;
  box-shadow: 0 14px 32px -10px rgba(255, 91, 34, .65), inset 0 1px 0 rgba(255,255,255,.22);
}
/* swap navy CTA bg to a deep warm tone in Énergie */
[data-mood="energie"] .cta-final { background: #2b1410; }
[data-mood="energie"] .cta-final .script-accent { color: #ffc13a; }

/* Nuit — premium dark, locked. Forces dark theme + cooler hue, glass surfaces. */
[data-mood="nuit"] {
  --bg: #050617;
  --surface: #0c0f2c;
  --surface-2: #131840;
  --surface-3: #1c2360;
  --text: #f5f3ee;
  --text-2: #b9bdd5;
  --text-3: #7a82a3;
  --border: rgba(255,255,255,.08);
  --border-2: rgba(255,255,255,.14);
  --electric: #6b8aff;
  --electric-2: #94aaff;
  --electric-soft: rgba(107, 138, 255, .18);
  --navy: #04051a;
  --shadow-3: 0 30px 80px -20px rgba(0,0,0,.85);
}
[data-mood="nuit"] body { background: var(--bg); color: var(--text); }
[data-mood="nuit"] .logo-light { display: none; }
[data-mood="nuit"] .logo-dark { display: block; }
[data-mood="nuit"] .hero::before {
  background:
    radial-gradient(900px 520px at 16% 4%, rgba(107, 138, 255, .22), transparent 65%),
    radial-gradient(700px 420px at 92% 28%, rgba(216, 192, 255, .14), transparent 70%);
}
/* ambient star-dust grain */
[data-mood="nuit"] body::before {
  content: '';
  position: fixed; inset: 0;
  background-image:
    radial-gradient(1px 1px at 12% 18%, rgba(255,255,255,.5), transparent 50%),
    radial-gradient(1px 1px at 38% 72%, rgba(255,255,255,.35), transparent 50%),
    radial-gradient(1.5px 1.5px at 67% 24%, rgba(255,255,255,.4), transparent 50%),
    radial-gradient(1px 1px at 84% 88%, rgba(255,255,255,.3), transparent 50%),
    radial-gradient(1px 1px at 23% 92%, rgba(255,255,255,.4), transparent 50%);
  pointer-events: none;
  z-index: 0;
  opacity: .6;
}
[data-mood="nuit"] .nav,
[data-mood="nuit"] .problem,
[data-mood="nuit"] .tour,
[data-mood="nuit"] .usecases,
[data-mood="nuit"] .pricing {
  background: rgba(255, 255, 255, .025);
  border-color: rgba(255, 255, 255, .06);
  backdrop-filter: blur(18px);
}
[data-mood="nuit"] .cta-final { background: linear-gradient(180deg, #0a0d28 0%, #050617 100%); }

/* ─────────────────────────────────────────────────────────
   2. DENSITÉ — pacing & rhythm
   ───────────────────────────────────────────────────────── */

/* Spacieux (default) — covered by base */

/* Compact — tighter, conversion-optimized SaaS rhythm */
[data-density="compact"] .hero { padding: 48px 0 56px; }
[data-density="compact"] .hero-title { font-size: clamp(34px, 4.4vw, 56px); margin-bottom: 18px; }
[data-density="compact"] .hero-sub { font-size: 17px; margin-bottom: 24px; }
[data-density="compact"] .hero-ctas { margin-bottom: 24px; }
[data-density="compact"] .hero-trust { margin-top: 0; }

[data-density="compact"] .stats { padding: 56px 0; }
[data-density="compact"] .problem,
[data-density="compact"] .features,
[data-density="compact"] .tour,
[data-density="compact"] .how,
[data-density="compact"] .usecases,
[data-density="compact"] .pricing,
[data-density="compact"] .testimonial,
[data-density="compact"] .faq,
[data-density="compact"] .cta-final {
  padding: 60px 0;
}
[data-density="compact"] .section-head { margin-bottom: 36px; }
[data-density="compact"] .h-display { font-size: clamp(28px, 3.4vw, 42px); }
[data-density="compact"] .section-sub { font-size: 16px; }
[data-density="compact"] .tour-step { margin-bottom: 56px; gap: 48px; }
[data-density="compact"] .feat { padding: 22px 22px 24px; }
[data-density="compact"] .stat-num { font-size: clamp(38px, 5vw, 56px); }

/* ─────────────────────────────────────────────────────────
   3. STYLE TYPO — personality of emphasized words
   ───────────────────────────────────────────────────────── */

/* Manuscrit (default) — Caveat handwritten, base CSS */

/* Affirmé — italic Inter Tight, brand orange, no script */
[data-typo="affirme"] .script-accent {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 600;
  font-size: 1em;
  line-height: inherit;
  color: var(--orange);
  letter-spacing: -0.022em;
}
[data-typo="affirme"][data-mood="energie"] .script-accent { color: #ffc13a; }
[data-typo="affirme"][data-mood="nuit"] .script-accent { color: #ffae6b; }
[data-typo="affirme"] .hero-title .script-accent { font-size: 1em; }

/* Souligné — display weight + hand-drawn underline SVG */
[data-typo="souligne"] .script-accent {
  font-family: var(--font-display);
  font-style: normal;
  font-weight: 600;
  font-size: 1em;
  line-height: inherit;
  color: var(--text);
  letter-spacing: -0.022em;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'><path d='M2 8 C 40 2, 80 11, 120 5 S 180 9, 198 4' stroke='%232545ff' stroke-width='2.5' fill='none' stroke-linecap='round'/></svg>");
  background-repeat: no-repeat;
  background-position: 0 95%;
  background-size: 100% 0.32em;
  padding-bottom: 0.18em;
}
[data-typo="souligne"][data-mood="energie"] .script-accent {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'><path d='M2 8 C 40 2, 80 11, 120 5 S 180 9, 198 4' stroke='%23ff5b22' stroke-width='2.5' fill='none' stroke-linecap='round'/></svg>");
}
[data-typo="souligne"][data-mood="nuit"] .script-accent {
  color: var(--text);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'><path d='M2 8 C 40 2, 80 11, 120 5 S 180 9, 198 4' stroke='%236b8aff' stroke-width='2.5' fill='none' stroke-linecap='round'/></svg>");
}
[data-typo="souligne"] .hero-title .script-accent { font-size: 1em; }
[data-typo="souligne"] .cta-final .script-accent { color: #fff; }

/* Make sure script-accent never collides with the new Affirmé / Souligné underline rule */
[data-typo="affirme"] .hero-title,
[data-typo="souligne"] .hero-title { line-height: 1.1; }