/* =========================================================
   variables.css
   Toutes les couleurs, polices et tailles du site.
   Pour changer une couleur partout : on la change ICI seulement.
   ========================================================= */

:root {
    /* ---------- Couleurs de fond ---------- */
    --bg:            #06111c;   /* fond de la page (plus sombre que l'ancien site) */
    --bg-panel:      #0a1a2a;   /* cartes, navbar (la couleur de l'ancien site) */
    --bg-panel-2:    #0d2236;   /* carte au survol, champs de formulaire */

    /* ---------- Lignes et bordures ---------- */
    --grid-line:     #0e2337;   /* les lignes du papier millimetre */
    --border:        #1e4a72;   /* bordure normale */
    --border-strong: #3a6b94;   /* bordure au survol */

    /* ---------- Texte ---------- */
    --text:          #e8f4ff;   /* texte principal */
    --text-soft:     #a9c1d8;   /* paragraphes */
    --text-muted:    #7f9bb5;   /* petites infos (dates, labels) */

    /* ---------- Couleurs d'accent ---------- */
    --cyan:          #22d3ee;   /* boutons, liens, actions */
    --cyan-dark:     #04252e;   /* texte ecrit SUR un fond cyan */
    --amber:         #f5b942;   /* reperes =A1, labels techniques */
    --green:         #34d399;   /* LED "Verfuegbar" */

    /* ---------- Polices ---------- */
    --font-main:     "Space Grotesk", system-ui, sans-serif;
    --font-mono:     "JetBrains Mono", Consolas, monospace;

    /* ---------- Tailles et espaces ---------- */
    --radius:        8px;
    --container:     1100px;    /* largeur max du contenu */
    --nav-height:    64px;
    --transition:    0.3s ease;
}