/* Jetons de l'identité « encre » : encre sur papier chaud, un accent unique.
   Deux modes indépendants du preset : sombre (défaut) et clair. */

:root {
    --encre: oklch(0.22 0.012 70);
    --papier: oklch(0.965 0.008 85);
    --papier-creux: oklch(0.935 0.010 85);
    --papier-brule: oklch(0.20 0.014 60);
    --encre-claire: oklch(0.92 0.008 85);
    --accent: oklch(0.55 0.14 35);
    --accent-clair: oklch(0.72 0.12 40);
    --filet: oklch(0.85 0.008 80);

    --espace-1: 0.25rem;
    --espace-2: 0.5rem;
    --espace-3: 0.75rem;
    --espace-4: 1rem;
    --espace-6: 1.5rem;
    --espace-8: 2rem;
    --espace-12: 3rem;

    --rayon: 0.375rem;
    --rayon-large: 0.75rem;
    --largeur-lecture: 68ch;
}

html[data-mode="dark"] {
    --color-bg-primary: var(--papier-brule);
    --color-bg-secondary: oklch(0.245 0.014 60);
    --color-bg-tertiary: oklch(0.275 0.014 60);
    --color-text-primary: var(--encre-claire);
    --color-text-secondary: oklch(0.78 0.010 80);
    --color-text-tertiary: oklch(0.66 0.010 80);
    --color-border: oklch(0.34 0.012 60);
    --color-accent-primary: var(--accent-clair);
    --color-accent-hover: oklch(0.80 0.10 40);
    color-scheme: dark;
}

html[data-mode="light"] {
    --color-bg-primary: var(--papier);
    --color-bg-secondary: var(--papier-creux);
    --color-bg-tertiary: oklch(0.905 0.012 85);
    --color-text-primary: var(--encre);
    --color-text-secondary: oklch(0.38 0.010 70);
    --color-text-tertiary: oklch(0.50 0.010 70);
    --color-border: var(--filet);
    --color-accent-primary: oklch(0.48 0.15 33);
    --color-accent-hover: oklch(0.40 0.15 33);
    color-scheme: light;
}

/* Échelle typographique fluide. */
html {
    font-size: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
}

h1 {
    font-size: clamp(1.75rem, 1.4rem + 1.6vw, 2.6rem);
    line-height: 1.15;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

h2 {
    font-size: clamp(1.35rem, 1.2rem + 0.7vw, 1.75rem);
    line-height: 1.25;
    letter-spacing: -0.01em;
    text-wrap: balance;
}

h3 {
    font-size: clamp(1.15rem, 1.08rem + 0.35vw, 1.35rem);
    text-wrap: balance;
}