/* Page « site en construction » : les couleurs et les polices de la maquette
   RoK Arsenal Kit. Polices hébergées ici (pas chez Google) : aucune donnée
   des visiteurs ne part ailleurs. */
@font-face{font-family:"Oswald";font-weight:700;font-display:swap;src:url(polices/oswald-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Oswald";font-weight:700;font-display:swap;src:url(polices/oswald-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Oswald";font-weight:700;font-display:swap;src:url(polices/oswald-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree";font-weight:400 700;font-display:swap;src:url(polices/figtree-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree";font-weight:400 700;font-display:swap;src:url(polices/figtree-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bg:#0B1513; --surface:#10201C; --ink:#E4EEEA; --muted:#8DA39B; --faint:#5F756D; --line:#21382F;
  --accent:#45C7A6; --copper:#E8955B; --gold:#E2B65A; --glow:rgba(232,149,91,.20);
  --f-body:"Figtree","Segoe UI",system-ui,sans-serif;
  --f-title:"Oswald","Arial Narrow",Impact,sans-serif;
  color-scheme:dark;
}
@media (prefers-color-scheme: light){
  :root{
    --bg:#ECF1EE; --surface:#F8FBF9; --ink:#11201C; --muted:#52655E; --faint:#7C8F88; --line:#CFDBD5;
    --accent:#11806A; --copper:#B4602C; --gold:#9A6B14; --glow:rgba(180,96,44,.14);
    color-scheme:light;
  }
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{
  min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;
  background:radial-gradient(60rem 36rem at 50% 38%,var(--glow),transparent 70%),var(--bg);
  color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.55;
  -webkit-font-smoothing:antialiased;padding:0 16px;overflow-x:hidden;position:relative;
}
.defs{position:absolute}
.filigrane{position:fixed;width:min(92vw,720px);height:min(92vw,720px);top:50%;left:50%;transform:translate(-50%,-50%);opacity:.05;pointer-events:none;z-index:0}

.langues{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:20px 0 0}
.langues button{font:600 .78rem/1 var(--f-body);letter-spacing:.08em;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:999px;padding:7px 11px;cursor:pointer}
.langues button:hover{color:var(--ink);border-color:var(--faint)}
.langues button[aria-pressed="true"]{color:var(--ink);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}
.langues button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.carte{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:620px;padding:40px 0}
.blason{width:112px;height:112px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.45))}
h1{font-family:var(--f-title);font-weight:700;font-size:clamp(2.4rem,9vw,4rem);letter-spacing:.03em;line-height:1.05;margin:18px 0 6px}
.rk{color:var(--gold)}
.kit{color:var(--muted)}
.slogan{margin:0;color:var(--muted);font-size:1.05rem}
.filet{display:flex;align-items:center;gap:10px;margin:26px 0 22px;width:180px}
.filet span{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.filet span:last-child{background:linear-gradient(90deg,var(--gold),transparent)}
.filet i{width:8px;height:8px;background:var(--gold);transform:rotate(45deg)}
.eyebrow{margin:0 0 10px;font-family:var(--f-title);font-weight:700;font-size:1.05rem;letter-spacing:.16em;text-transform:uppercase;color:var(--copper)}
.texte{margin:0;font-size:1.08rem;max-width:34em}

footer{position:relative;z-index:1;text-align:center;color:var(--faint);font-size:.8rem;padding:18px 0 22px;max-width:620px}
footer p{margin:2px 0}