/* Page de login, thème « Fiche technique » (complète login.css) : carte bordée d'un filet,
   boutons verts ; clair ou sombre selon le système. */
:root {
    --color-page: #f6f8fa;
    --color-surface: #fff;
    --color-border: #d0d7de;
    --color-text: #1f2328;
    --color-text-muted: #59636e;
    --color-primary: #1f883d;
    --color-primary-hover: #1a7f37;
    --color-on-primary: #fff;
    --color-error: #d1242f;
    --color-error-background: #ffebe9;
    --color-control: #fff;
    --color-control-text: #3d444d;
    --color-control-text-active: #fff;
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-page: #010409;
        --color-surface: #0d1117;
        --color-border: #30363d;
        --color-text: #e6edf3;
        --color-text-muted: #9198a1;
        --color-primary: #238636;
        --color-primary-hover: #2ea043;
        --color-error: #f85149;
        --color-error-background: rgba(248, 81, 73, 0.1);
        --color-control: #151b23;
        --color-control-text: #c9d1d9;
    }
}

body {
    font-family:
        'Inter',
        -apple-system,
        BlinkMacSystemFont,
        'Segoe UI',
        Roboto,
        sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* Les champs de formulaire n’héritent pas de la police de la page. */
input,
button {
    font-family: inherit;
}

.seg-toggle,
.seg-slider,
.card input,
.card button,
.error {
    border-radius: 6px;
}

.card {
    border: 1px solid var(--color-border);
    border-radius: 6px;
    box-shadow: 0 8px 24px -12px rgba(31, 35, 40, 0.18);
}

.card h1 {
    font-size: 1.15rem;
    font-weight: 600;
}