/* Style « Éditorial » (choisi par RZ le 29/10/2026, tiré avec taste-skill). Schibsted Grotesk pour l'interface (dessinée pour
   des journaux), Source Serif 4 pour les seuls articles qu'AutoSEO écrit. Couleurs recalculées en OKLCH (luminosité perçue) :
   gris presque neutres à paliers réguliers, texte presque noir, boutons noirs, vert émeraude comme seule couleur (plein sur les
   repères, foncé pour les textes, pâle sur les surfaces) ; ambre et rouge ne servent qu'aux statuts, pastilles de même luminosité. Le mouvement s'inspire d'Open Foundry
   (pastilles qui glissent, libellés qui roulent, transitions douces). */
:root {
  --ground: #f6f8f7;
  --surface: #ffffff;
  --raised: #eff2f0;
  --active: #e5e9e7;
  --border: #e1e4e2;
  --rule: #ebedec;
  --control: #cacfcd;
  --control-hover: #a7acaa;
  --text: #141816;
  --body: #3f4441;
  --muted: #5f6562;
  --faint: #888d8b;

  --primary: #141816;
  --primary-hover: #2f3432;
  --primary-on: #ffffff;

  --accent: #188554;
  --accent-hover: #187249;
  --accent-on: #ffffff;
  --accent-soft: #e8f9ee;
  --accent-track: #c2ebd2;
  --accent-ink: #085c38;
  --mark: #48cd8c;

  --positive: #067d4d;
  --negative: #ba2b2e;
  --pill-positive-bg: #daf6e4; --pill-positive-ink: #075030;
  --pill-negative-bg: #fee9e6; --pill-negative-ink: #862726;
  --pill-warning-bg: #feefcf; --pill-warning-ink: #764002;
  --warning: #cc8a0e; /* ambre plein : repères d'un blocage ou d'une pause (point, piste), jamais pour du texte */
  --star: #d99a06;
  --pill-neutral-bg: #eaeeec; --pill-neutral-ink: #3f4441;

  --float-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 12px 32px -8px rgba(0, 0, 0, 0.16);
  /* Relief des contrôles (demande RZ, inspiré de lemlist) : bord bas un peu plus marqué, ombre courte ; enfoncé au clic. */
  --relief: 0 1px 2px rgba(16, 24, 20, 0.06), inset 0 -1px 0 rgba(16, 24, 20, 0.06);
  --relief-strong: 0 1px 2px rgba(16, 24, 20, 0.1), 0 2px 6px -2px rgba(16, 24, 20, 0.12), inset 0 -1px 0 rgba(16, 24, 20, 0.08);
  --relief-primary: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 1px 2px rgba(16, 24, 20, 0.22), 0 2px 6px -2px rgba(16, 24, 20, 0.3);
  --pressed: inset 0 1px 2px rgba(16, 24, 20, 0.14);
  --radius-card: 10px;
  --radius-control: 6px;
  --gap: 24px;
  --pad: 24px;
  --control-height: 36px;
  --row-height: 52px;

  --font: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
  --serif: 'Source Serif 4', Georgia, serif;
  --mono: ui-monospace, 'SF Mono', Menlo, monospace; /* taste-skill-ignore : réservée au code (code, pre) */
  --fs-title: 32px;
  --fs-section: 16px;
  --fs-kpi: 28px;
  --fs-lead: 32px;
  --fs-body: 15px;
  --fs-text: 16px;
  --fs-small: 13.5px;
  --fs-meta: 12.5px;
  --fs-label: 11px;
  --track-title: -0.025em;
  --track-label: 0.07em;

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-gentle: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-back: cubic-bezier(0, 0, 0.85, 1.25);
  --fast: 140ms;
  --medium: 260ms;
  --slow: 520ms;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --star: #f2c14e;
    --ground: #0c0f0e; --surface: #151816; --raised: #1c201e; --active: #242927;
    --border: #272b29; --rule: #1a1e1c; --control: #3f4441; --control-hover: #5a5f5c;
    --text: #eaeeec; --body: #c1c5c3; --muted: #a1a6a3; --faint: #7d827f;
    --primary: #eaeeec; --primary-hover: #ffffff; --primary-on: #0c0f0e;
    --accent: #62cd94; --accent-hover: #83deab; --accent-on: #0c0f0e;
    --accent-soft: #12271b; --accent-track: #18412c; --accent-ink: #9be4b9; --mark: #62cd94;
    --positive: #62cd94; --negative: #f07f77;
    --pill-positive-bg: #142e20; --pill-positive-ink: #a1e7be;
    --pill-negative-bg: #3a211f; --pill-negative-ink: #f6b9b3;
    --pill-warning-bg: #362712; --pill-warning-ink: #f3d086; --warning: #e3aa45;
    --pill-neutral-bg: #222624; --pill-neutral-ink: #cdd2d0;
    --float-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 16px 40px -8px rgba(0, 0, 0, 0.7);
    --relief: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.5);
    --relief-strong: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 1px 2px rgba(0, 0, 0, 0.55), 0 2px 8px -2px rgba(0, 0, 0, 0.6);
    --relief-primary: inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.6);
    --pressed: inset 0 1px 3px rgba(0, 0, 0, 0.5);
    color-scheme: dark;
  }
}

:root[data-theme='dark'] {
  --star: #f2c14e;
  --ground: #0c0f0e; --surface: #151816; --raised: #1c201e; --active: #242927;
  --border: #272b29; --rule: #1a1e1c; --control: #3f4441; --control-hover: #5a5f5c;
  --text: #eaeeec; --body: #c1c5c3; --muted: #a1a6a3; --faint: #7d827f;
  --primary: #eaeeec; --primary-hover: #ffffff; --primary-on: #0c0f0e;
  --accent: #62cd94; --accent-hover: #83deab; --accent-on: #0c0f0e;
  --accent-soft: #12271b; --accent-track: #18412c; --accent-ink: #9be4b9; --mark: #62cd94;
  --positive: #62cd94; --negative: #f07f77;
  --pill-positive-bg: #142e20; --pill-positive-ink: #a1e7be;
  --pill-negative-bg: #3a211f; --pill-negative-ink: #f6b9b3;
  --pill-warning-bg: #362712; --pill-warning-ink: #f3d086; --warning: #e3aa45;
  --pill-neutral-bg: #222624; --pill-neutral-ink: #cdd2d0;
  --float-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 16px 40px -8px rgba(0, 0, 0, 0.7);
  --relief: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.5);
  --relief-strong: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 1px 2px rgba(0, 0, 0, 0.55), 0 2px 8px -2px rgba(0, 0, 0, 0.6);
  --relief-primary: inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.6);
  --pressed: inset 0 1px 3px rgba(0, 0, 0, 0.5);
  color-scheme: dark;
}