/* =====================================================================
   Atlapolis — jetons de design (couleurs, rayons, ombres).
   Thème sombre par défaut ; [data-theme="light"] pour le thème clair.
   ===================================================================== */
@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/inter-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
  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";
  src: url("../assets/fonts/inter-latin-ext.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
  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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --fs: 1; /* taille du texte (Paramètres → Accessibilité) */
  color-scheme: dark;
  --bg: #0a0e17;
  --bg-elevated: #0f1420;
  --surface: #131a28;
  --surface-2: #19223380;
  --surface-solid-2: #1a2334;
  --surface-3: #232d42;
  --border: #222b3d;
  --border-strong: #303b52;
  --text: #e8edf6;
  --text-2: #a7b1c6;
  --muted: #6e7a93;
  --accent: #6a8bff;
  --accent-strong: #4d70ff;
  --accent-soft: rgba(106, 139, 255, .14);
  --on-accent: #ffffff;
  --danger: #ff6b6b;
  --danger-soft: rgba(255, 107, 107, .12);
  --success: #3ccf8e;
  --success-soft: rgba(60, 207, 142, .12);
  --coin: #f5b82e;
  --coin-ink: #ffd56a;
  --coin-soft: rgba(245, 184, 46, .14);

  /* raretés */
  --r-common: #8d99ae;
  --r-uncommon: #39c07f;
  --r-rare: #4c8dff;
  --r-epic: #a463ff;
  --r-legendary: #f2b01e;
  --r-catastrophe: #ef4f46;

  /* carte à collectionner */
  --card-face: #151c2b;
  --card-face-2: #1b2436;
  --card-ink: #edf1f8;
  --card-ink-2: #a2adc2;
  --card-line: #263147;

  /* carte du monde */
  --map-ocean: #0d1422;
  --map-land: #1b2436;
  --map-border: #2c3750;
  --map-explored: 106, 139, 255;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
  --shadow: 0 2px 6px rgba(0, 0, 0, .25), 0 10px 30px rgba(0, 0, 0, .25);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, .5);
  --radius: 16px;
  --radius-sm: 10px;
  --header-h: 64px;
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f6f9;
  --bg-elevated: #ffffff;
  --surface: #ffffff;
  --surface-2: #f2f4f8;
  --surface-solid-2: #f2f4f8;
  --surface-3: #e7ebf1;
  --border: #e2e6ed;
  --border-strong: #cdd4de;
  --text: #0e1525;
  --text-2: #4a5568;
  --muted: #8a94a6;
  --accent: #3459ff;
  --accent-strong: #2244e0;
  --accent-soft: rgba(52, 89, 255, .1);
  --danger: #e5484d;
  --danger-soft: #fdeced;
  --success: #12a46b;
  --success-soft: #e7f7ef;
  --coin: #d99a00;
  --coin-ink: #8a5a00;
  --coin-soft: #fff4d6;

  --r-common: #8a94a6;
  --r-uncommon: #2fa36b;
  --r-rare: #2d6cdf;
  --r-epic: #8e44e8;
  --r-legendary: #d99a00;

  --card-face: #ffffff;
  --card-face-2: #f3f5f9;
  --card-ink: #0e1525;
  --card-ink-2: #4a5568;
  --card-line: #e4e8ee;

  --map-ocean: #e8eef6;
  --map-land: #ffffff;
  --map-border: #c9d2de;
  --map-explored: 52, 89, 255;

  --shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);
  --shadow: 0 1px 3px rgba(16, 24, 40, .08), 0 6px 18px rgba(16, 24, 40, .06);
  --shadow-lg: 0 18px 50px rgba(16, 24, 40, .18);
}

/* ---------------------------------------------------------------------
   Accessibilité (Paramètres → Accessibilité)
   --------------------------------------------------------------------- */

/* Palette des raretés lisible par les daltoniens (couleurs d'Okabe et Ito). Les raretés se
   distinguent aussi par leur forme (étoile, hexagone, losange, triangle, cercle) et leur nom. */
:root[data-colorblind="on"] {
  --r-common: #9aa3b2;
  --r-uncommon: #009e73;
  --r-rare: #56b4e9;
  --r-epic: #cc79a7;
  --r-legendary: #e69f00;
  --r-catastrophe: #d55e00;
}
:root[data-colorblind="on"][data-theme="light"] {
  --r-common: #6b7485;
  --r-uncommon: #007a5a;
  --r-rare: #0072b2;
  --r-epic: #b0558c;
  --r-legendary: #c47f00;
}

/* Contraste élevé : textes secondaires et bordures plus marqués. */
:root[data-contrast="high"] {
  --text-2: #e1e7f1;
  --muted: #c0c9d8;
  --border: #4b5871;
  --border-strong: #6c7b98;
  --card-ink-2: #d7deea;
}
:root[data-contrast="high"][data-theme="light"] {
  --text-2: #1d2532;
  --muted: #3a4456;
  --border: #8390a5;
  --border-strong: #5a6880;
  --card-ink-2: #263040;
}
:root[data-contrast="high"] :focus-visible { outline-width: 3px; }