@charset "UTF-8";

/* Palette v5 — saphir, rubis et or des logos approuvés. */
:root {
  --sapphire: #064bd6;
  --sapphire-deep: #02369b;
  --ruby: #c20b2e;
  --gold: #c69023;
  --gold-text: #805200;
  --gold-display: #ac7710;
  --gold-highlight: #f4cc68;
  --gold-hover: #d5a439;
  --paper-soft: #f1e6ce;
}
.global {
  --gold: #c69023;
  --ruby: var(--gold-display);
}
::selection { background: var(--gold-highlight); color: var(--ink); }
a:focus-visible, button:focus-visible { outline-color: var(--sapphire); }
.skip { background: var(--sapphire); }

/* La géométrie et la hauteur des en-têtes v3 restent identiques. */
.header .brand, .footer .brand, .global .footer .brand { color: var(--sapphire); }
.header .brand em, .footer .brand em { color: var(--ruby); }
.global .header .brand em { color: var(--gold); }
.global .footer .brand em { color: var(--gold-text); }
.header nav a, .menu-toggle,
.languages button[aria-pressed=true] { color: var(--sapphire); }
.header nav a:hover { color: var(--sapphire-deep); }

.button.primary { background: var(--sapphire); color: #fff; }
.button.primary:hover { background: var(--sapphire-deep); }
.global .button.primary { background: var(--gold); color: var(--ink); }
.global .button.primary:hover { background: var(--gold-hover); }
.text-link, .global .text-link, .email, .footer > a:last-child {
  color: var(--sapphire);
  text-decoration-color: currentColor;
}
.text-link:hover, .email:hover, .footer > a:last-child:hover {
  color: var(--sapphire-deep);
}

h1 em, h2 em { color: var(--ruby); }
.global h1 em, .global h2 em { color: var(--gold-display); }
.plus .eyebrow { color: var(--sapphire); }
.global .hero .eyebrow, .global .vision .eyebrow,
.global .ecosystem .eyebrow, .global .global-contact .eyebrow {
  color: var(--gold-text);
}
.status-dot { background: var(--ruby); box-shadow: 0 0 0 4px #c20b2e0c; }
.number, .project-category { color: var(--gold-text); }
.coming { color: var(--ruby); }
.collection-row h3, .project-row h3, .project-arrow { color: var(--sapphire); }
.project-sub { color: inherit; }

.ribbon { background: var(--sapphire); color: var(--paper); }
.ribbon-mark { color: var(--gold-highlight); }
.ribbon-end { color: var(--paper); }
.story, .ecosystem { background: var(--paper-soft); }
.orbit { border-color: #c6902352; }
.orbit::before { border-color: #c6902330; }
.orbit::after { background: var(--gold); }