:root {
  --ink: #08244b;
  --muted: #6e7a86;
  --paper: #f8fbff;
  --sand: #d4a46f;
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--paper);
}

* {
  box-sizing: border-box;
}

body {
  min-height: 100vh;
  margin: 0;
  background:
    linear-gradient(180deg, #ffffff 0%, var(--paper) 58%, #f1f6fb 100%);
}

/* Phase identite publique minimale */
.construction-page {
  display: grid;
  min-height: 100vh;
  grid-template-rows: auto 1fr;
  padding: clamp(1.25rem, 4vw, 3rem);
}

.brand {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  color: var(--ink);
  font-size: clamp(1.35rem, 2.5vw, 1.85rem);
  letter-spacing: 0;
}

.message {
  display: grid;
  place-content: center;
  justify-items: center;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  padding-block: clamp(2rem, 5vw, 4rem);
  text-align: center;
}

.construction-logo {
  width: min(50vw, 46rem);
  max-height: 52vh;
  height: auto;
  object-fit: contain;
}

.message h1 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(2.2rem, 7vw, 5.4rem);
  line-height: 1;
}

.message p {
  margin: 0;
  color: var(--muted);
  font-size: clamp(1rem, 2vw, 1.2rem);
  font-weight: 800;
}

@media (max-width: 700px) {
  .construction-logo {
    width: min(78vw, 26rem);
    max-height: 50vh;
  }
}