/* Tema "scuro" — stesse chiavi di chiaro.css, valori invertiti.
   Nessuna regola di layout: solo variabili. */

:root {
    color-scheme: dark;

    /* superfici */
    --c-bg:          #10151d;
    --c-bg-alt:      #151c26;
    --c-surface:     #171f2a;
    --c-surface-2:   #1e2836;

    /* testo */
    --c-text:        #e8eef7;
    --c-text-soft:   #b6c2d4;
    --c-text-muted:  #8695ab;

    /* linee */
    --c-border:      #2a3648;
    --c-border-soft: #212c3b;

    /* accento primario */
    --c-accent:      #5c9ee6;
    --c-accent-deep: #7db4f0;
    --c-accent-soft: #1b2c42;

    /* accento secondario (blog, applicazioni) */
    --c-accent2:      #3bc7b0;
    --c-accent2-soft: #15302e;

    /* stati */
    --c-ok:       #4cc38a;  --c-ok-soft:     #16302a;
    --c-warn:     #dda43b;  --c-warn-soft:   #322614;
    --c-danger:   #e5697f;  --c-danger-soft: #351a22;

    /* testo sopra i colori pieni (bottoni, pill attive) */
    --c-on-accent: #0d1219;

    /* blocchi di codice */
    --c-code-bg:   #0b1018;
    --c-code-text: #dbe6f5;

    /* tipografia */
    --font-sans:  system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
    --font-mono:  ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas, monospace;

    --fs-base: 1rem;
    --lh-base: 1.7;
    --tracking-tight: -.021em;

    /* forma */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;

    /* su fondo scuro le ombre servono a poco: si usano bordi più marcati */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);
    --shadow-md: 0 10px 28px rgba(0, 0, 0, .40);
    --shadow-lg: 0 22px 48px rgba(0, 0, 0, .50);

    /* ritmo verticale */
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4.5rem;

    --wrap: 1060px;
    --measure: 68ch;
}