/* Fichier variables de couleur et style du board de base SANS application de l'identité visuelle d'un client */

:root {
    --main-color: #004861;
    --menu-main-color: #004861;
    --menu-second-color: #003548;
    --second-color: #000000;
    --bandeau-bas-link-color: #999;
    --centre-conteneur-main-color : #004861;

    /* Surcharge module WS embarqué sur le board (voir overload-ws-branding.css) */
    --button-main-color: #004861;
    --button-second-color: #003548;
    --ws-surface: #F7FAFB;
    --ws-surface-hover: #F0F5F7;
    --ws-border: #E8EEF0;
    --ws-border-strong: #D2DEE4;
    --ws-muted: #6B7C84;
    --ws-text: var(--main-color);
    --ws-shadow: 0 1px 12px rgba(0, 72, 97, 0.10);
    --ws-radius: 10px;
    --ws-radius-sm: 6px;
    --ws-radius-pill: 999px;

    /* Menu latéral (refonte type screenshot) */
    --menu-width: 280px;
    --menu-text: #000000;
    --menu-text-muted: #5A7A88;
    --menu-item-hover: #E8F0F4;
    --menu-item-active: var(--menu-item-hover);
    --menu-sub-active: var(--menu-item-hover);
    --menu-rail: #C5D4DB;
    --menu-card-border: #B8CDD6;
    --menu-section: #004861;

    /* Teinte des icônes sprite du menu (équivalent approx. #004861) */
    --menu-icon-filter: brightness(0) saturate(100%) invert(18%) sepia(24%) saturate(1847%) hue-rotate(157deg) brightness(94%) contrast(101%);

    /* Tokens pages de création (circuits + POI) — suivent --main-color (FFR inclus) */
    --creation-accent: var(--main-color);
    --creation-accent-hover: var(--menu-second-color);
    --creation-surface: #F7FAFB;
    --creation-border: #E8EEF0;
    --creation-muted: #6B7C84;
    --creation-step-bg: #334A53;
    --creation-shadow: 0 1px 12px rgba(0, 72, 97, 0.12);

    --logo-url: url(/image/graphisme/societe/logoblancpetit.png);
    --logo-large-url: url(/image/graphisme/societe/logo_cirkwi_fond_transparent.png);
}