@charset "UTF-8";

/* Variables & Reset */
:root {
  --bg1: #050811;
  --bg2: #0B1020;
  --bg3: #171C2D;

  --card: rgba(12, 16, 29, .92);
  --card-light: rgba(23, 28, 45, .94);

  --text: #FAF4E8;
  --body-text: #F4ECDD;
  --muted: #D8C79F;

  --accent: #F5D38A;
  --accent-warm: #D9A441;
  --outline: #B9832F;

  --border: rgba(226, 180, 88, .30);
  --shadow-soft: 0 12px 34px rgba(0, 0, 0, .48);

  --accent-color: #E8B95A;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  color: var(--text);
  font-family: Poppins, Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  overflow-x: hidden;
  position: relative;
}

html {
  background: #050811;
}

/* Texte */
h1 {
  letter-spacing: .8px;
  font-size: clamp(2rem, 4.3vw, 4rem);
  line-height: .92;
  margin: 0 0 10px;
  font-weight: 900;
  color: #F4D088;
}

h2 {
  letter-spacing: .18em;
  margin: 10px 0 14px;
  font-size: 1.5rem;
  color: #E5B55F;
}

p,
li,
label,
.tagline,
.note {
  color: var(--body-text);
}

.text-justify,

.text-justify p {
    text-align: justify;
    text-justify: inter-word;
    hyphens: none;
    overflow-wrap: normal;
    word-break: normal;
}