/* ==========================================================================
   theme/aep.css — aep.trans-former.fr
   SOMBRE PAR DÉFAUT : le :root est la palette sombre, quelle que soit la
   préférence système. Seul un data-theme="light" explicite (toggle) bascule
   vers la variante claire.
   Accent : rouge #c0392b.
   ========================================================================== */

:root {
  color-scheme: dark;

  --bg: #0d0d0d;
  --bg-alt: #131313;
  --surface: #181818;
  --surface-2: #202020;

  --text: #f2f2f2;
  --text-muted: #b5b5b5;
  --text-subtle: #8c8c8c;

  --border: #262626;
  --border-strong: #3f3f3f;

  --primary: #c0392b;
  --primary-hover: #d64535;
  --on-primary: #ffffff;

  --accent: #c0392b;
  --on-accent: #ffffff;

  --link: #e98b7f;
  --link-hover: #f2a99f;

  --focus-ring: #e98b7f;

  --success: #34d399;
  --warning: #fbbf24;
  --danger: #f87171;

  --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.4);
  --shadow-md: 0 4px 12px rgb(0 0 0 / 0.45);
  --shadow-lg: 0 12px 32px rgb(0 0 0 / 0.55);
}

/* Variante claire — uniquement sur toggle explicite */
:root[data-theme="light"] {
  color-scheme: light;

  --bg: #faf9f7;
  --bg-alt: #f1efec;
  --surface: #ffffff;
  --surface-2: #eceae6;

  --text: #171717;
  --text-muted: #4a4a4a;
  --text-subtle: #6d6d6d;

  --border: #e2e0dc;
  --border-strong: #ada9a2;

  --primary: #a93226;
  --primary-hover: #922b20;
  --on-primary: #ffffff;

  --accent: #a93226;
  --on-accent: #ffffff;

  --link: #a93226;
  --link-hover: #922b20;

  --focus-ring: #a93226;

  --success: #15803d;
  --warning: #a16207;
  --danger: #b91c1c;

  --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.06);
  --shadow-md: 0 4px 12px rgb(0 0 0 / 0.08);
  --shadow-lg: 0 12px 32px rgb(0 0 0 / 0.12);
}