/* ==========================================================================
   PLINK — variables de la charte graphique v1.0 (15.10.2026)
   Les valeurs HEX de la charte priment sur toute autre source.
   ========================================================================== */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/inter-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: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/inter-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, 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;
}

/* Thème clair (par défaut) */
:root {
  color-scheme: light;

  /* Couleurs de marque */
  --plink-blue: #0057FF;
  --plink-blue-hover: #0047D6;
  --plink-blue-press: #0038A8;
  --plink-black: #111318;
  --plink-white: #FFFFFF;
  --mascot-navy: #0F1B3D;

  /* Surfaces et textes */
  --bg: #FFFFFF;
  --surface: #F5F7FB;
  --surface-raised: #FFFFFF;
  --text: #111318;
  --text-2: #596273;
  --line: #E2E7EF;
  --field: #7B8494;
  --select: #EAF0FF;
  --accent-text: #0057FF;   /* liens textuels, accents fins */
  --focus: #0057FF;
  --logo-link: #111318;     /* couleur du mot LINK */

  /* États */
  --ok: #15803D;   --ok-bg: #F0FDF4;
  --err: #B91C1C;  --err-bg: #FEF2F2;
  --warn: #92400E; --warn-bg: #FFFBEB;
  --disabled-bg: #E2E7EF; --disabled-fg: #596273;

  --shadow: 0 1px 2px rgba(17, 19, 24, .06), 0 8px 24px rgba(17, 19, 24, .06);

  /* Typographie */
  --font: "Inter", system-ui, sans-serif;

  /* Formes et rythme */
  --r-ctrl: 12px;    /* boutons et champs */
  --r-card: 20px;    /* cartes */
  --r-pill: 999px;   /* badges */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;
  --container: 1120px;
  --convert-max: 720px;

  /* Mouvement */
  --t-hover: 150ms;
  --t-state: 200ms;
  --t-in: 240ms;
  --ease: cubic-bezier(0.2, 0, 0, 1);
}

/* Thème sombre : préférence système, sauf choix manuel « clair » */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0E1117;
    --surface: #171C26;
    --surface-raised: #202735;
    --text: #F5F7FA;
    --text-2: #AAB4C4;
    --line: #30394A;
    --field: #748198;
    --select: #1B2A4A;
    --accent-text: #82AAFF;
    --focus: #82AAFF;
    --logo-link: #FFFFFF;
    --ok: #86EFAC;  --ok-bg: #171C26;
    --err: #FCA5A5; --err-bg: #171C26;
    --warn: #FCD34D; --warn-bg: #171C26;
    --disabled-bg: #30394A; --disabled-fg: #AAB4C4;
    --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .3);
  }
}
/* Thème sombre choisi manuellement */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0E1117;
  --surface: #171C26;
  --surface-raised: #202735;
  --text: #F5F7FA;
  --text-2: #AAB4C4;
  --line: #30394A;
  --field: #748198;
  --select: #1B2A4A;
  --accent-text: #82AAFF;
  --focus: #82AAFF;
  --logo-link: #FFFFFF;
  --ok: #86EFAC;  --ok-bg: #171C26;
  --err: #FCA5A5; --err-bg: #171C26;
  --warn: #FCD34D; --warn-bg: #171C26;
  --disabled-bg: #30394A; --disabled-fg: #AAB4C4;
  --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .3);
}