/* =============================================================================
   REZIZTANZ — variables.css
   Chargé en CSS critique juste après variables.css du parent
   (PNH_Reziztanz_Styles, functions.php). Polices hébergées dans le thème.
   Ombres et arrondis du parent neutralisés via --shadow / --shadow-lg /
   --border-radius (les rares valeurs codées en dur : voir custom.css).
   ========================================================================= */

@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../font/archivo-latin-wght-normal.woff2") format("woff2-variations"),
       url("../font/archivo-latin-wght-normal.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../font/ibm-plex-mono-latin-500-normal.woff2") format("woff2");
}

:root {
  /* ========== CHARTE ========== */
  --ink: #15181B;
  --ink-2: #4F5359;
  --ink-3: #8A8E94;
  --line: #D6D9DD;
  --surface: #F1F2F3;
  --bg: #FFFFFF;
  --accent: #D9651C;
  --accent-ink: #FFFFFF;
  --inverse-bg: #15181B;
  --inverse-ink: #FFFFFF;
  --wrap: 1180px;
  --gut: clamp(16px, 4vw, 40px);

  /* ========== COULEURS (variables du parent) ========== */
  --color-primary: var(--ink);
  --color-secondary: var(--accent);
  --color-secondary-light: var(--ink-2);
  --color-secondary-dark: var(--ink);
  --color-neutral: var(--ink-3);

  --color-text: var(--ink);
  --color-text-light: var(--ink-2);
  --color-text-muted: var(--ink-3);
  --color-text-inverse: var(--inverse-ink);

  --color-bg: var(--bg);
  --color-bg-alt: var(--surface);
  --color-bg-dark: var(--inverse-bg);

  --color-border: var(--line);
  --color-border-light: var(--line);

  /* ========== TYPOGRAPHIE ========== */
  --font-display: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-accent: "IBM Plex Mono", ui-monospace, Menlo, monospace;

  /* ========== MISE EN PAGE ========== */
  --container-max: var(--wrap);

  /* ========== EFFETS ========== */
  --border-radius: 0;
  --shadow: none;
  --shadow-lg: none;
}

/* ========== MODE SOMBRE ========== */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ink: #EEF0F2;
    --ink-2: #B3B7BD;
    --ink-3: #7F848B;
    --line: #2F3338;
    --surface: #1B1E21;
    --bg: #111315;
    --accent: #EE7A30;
    --accent-ink: #111315;
    --inverse-bg: #EEF0F2;
    --inverse-ink: #111315;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --ink: #EEF0F2;
  --ink-2: #B3B7BD;
  --ink-3: #7F848B;
  --line: #2F3338;
  --surface: #1B1E21;
  --bg: #111315;
  --accent: #EE7A30;
  --accent-ink: #111315;
  --inverse-bg: #EEF0F2;
  --inverse-ink: #111315;
}