/* ==========================================================
   laizhou-hong.fr — jetons de design
   Noir profond + marques feu, comme la robe du chien.
   Thème sombre par défaut ; [data-theme="light"] bascule en clair.
   ========================================================== */

:root {
  color-scheme: dark;

  /* Palette brute */
  --c-ink: #0D0A09;
  --c-coal: #171210;
  --c-ash: #2A221E;
  --c-smoke: #8C7F77;
  --c-fire: #C8481A;
  --c-fire-hi: #F0773F;
  --c-lacquer: #9E1B14;
  --c-amber: #E8A15A;
  --c-bone: #F3ECE3;
  --c-paper: #FBF7F2;

  /* Rôles (light-dark() : 1re valeur = clair, 2e = sombre) */
  --bg: light-dark(var(--c-paper), var(--c-ink));
  --bg-alt: light-dark(#F1E8DE, var(--c-coal));
  --surface: light-dark(#FFFFFF, #1D1714);
  --line: light-dark(#E2D5C8, var(--c-ash));
  --text: light-dark(#1A1311, var(--c-bone));
  --text-muted: light-dark(#6B5D55, #B3A69D);
  --accent: var(--c-fire);
  --accent-text: light-dark(#A8360F, var(--c-fire-hi)); /* texte rouge lisible (AA) */
  --on-accent: #FFFFFF;
  --seal: var(--c-lacquer);

  /* Typographie */
  --font-display: "Bricolage Grotesque", "Arial Narrow", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-han: "Noto Serif SC", "Songti SC", "SimSun", serif;

  --fs-sm: clamp(0.83rem, 0.8rem + 0.15vw, 0.9rem);
  --fs-base: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --fs-lg: clamp(1.2rem, 1.1rem + 0.5vw, 1.45rem);
  --fs-xl: clamp(1.6rem, 1.3rem + 1.4vw, 2.4rem);
  --fs-2xl: clamp(2.2rem, 1.6rem + 3vw, 4rem);
  --fs-hero: clamp(2.8rem, 1.6rem + 6vw, 7rem);

  /* Espacements et formes */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: clamp(4rem, 3rem + 5vw, 8rem);
  --radius: 14px;
  --radius-lg: 28px;
  --container: 1200px;
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);

  --shadow: 0 1px 0 light-dark(#0000000d, #ffffff08) inset,
            0 18px 40px -24px light-dark(#3a1a0c55, #000000cc);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"]  { color-scheme: dark; }