/* Resell-io, pages secondaires (calculateur, guides, partenaires, pages légales).
   Chargée après le style propre à chaque page : elle l'aligne sur la page d'accueil. */

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  src: url(/assets/fonts/archivo-var.woff2) format('woff2-variations');
}

:root {
  --primary: #15130f; --primary-dark: #15130f;
  --text: #15130f; --text-light: #4f493f;
  --line: #15130f; --bg: #f2ecdf;
  --paper: #f2ecdf; --card: #fffdf7; --ink: #15130f; --sticker: #ffe23f;
}

body { font-family: 'Archivo', 'Helvetica Neue', Arial, sans-serif; color: var(--ink); background: var(--paper); }
h1, h2, h3 { font-stretch: 72%; font-weight: 800; line-height: 1.05; color: var(--ink); }
h1 { text-transform: uppercase; }
a { color: var(--ink); text-decoration-thickness: 2px; text-underline-offset: 3px; }
:focus-visible { outline: 3px solid #c8300f; outline-offset: 2px; }

/* En-tête et logo */
header { background: var(--paper); border-bottom: 2px solid var(--ink); }
.logo, .top a:first-child { font-stretch: 66%; font-weight: 900; text-transform: uppercase; letter-spacing: 0.01em; color: var(--ink); }
.logo span, .top a span { color: inherit; }
.lang-switch, .top a.lang { border: 2px solid var(--ink); border-radius: 0; color: var(--ink); padding: 2px 8px; font-size: 0.8rem; text-decoration: none; }

/* Blocs */
.card, .encadre { background: var(--card); border: 2px solid var(--ink); border-radius: 0; }
input, select, textarea { border: 2px solid var(--ink); border-radius: 0; background: #fff; font-family: inherit; }
input:focus { outline: 3px solid var(--sticker); border-color: var(--ink); }
.result { background: var(--paper); border: 2px solid var(--ink); border-radius: 0; }
.result.main { background: var(--sticker); }
.result.main .v { color: var(--ink); }
.result .v { font-stretch: 68%; font-weight: 900; }
.cta { background: var(--sticker); color: var(--ink); border: 2px solid var(--ink); border-radius: 0; box-shadow: 5px 5px 0 var(--ink); }
.cta a { background: var(--ink); color: var(--paper); border-radius: 0; text-transform: uppercase; font-stretch: 78%; font-weight: 800; letter-spacing: 0.03em; }
button, .btn { border-radius: 0; }

/* Tableaux et notes des pages légales */
th, td { border-color: var(--ink); }
th { background: #e9e1d0; color: var(--ink); }
footer { color: #4f493f; border-top-color: var(--ink); }
footer a { color: var(--ink); }
.updated { color: #6a6357; }