:root {
    /* Couleurs de base de l'application — fond "papier", pas gris-bleu SaaS générique */
    --color-bg: #f7f5f0;
    --color-bg-card: #fffdfa;
    --color-text: #1f2a24;
    --color-text-muted: #6b6459;
    --color-border: #e6e0d4;

    /* Couleurs d'action globales — vert sapin, distinct du bleu SaaS par défaut */
    --color-primary: #1f6f5c;
    --color-primary-hover: #175445;
    --color-success: #3a8c5f;
    --color-warning: #c68a1f;
    --color-danger: #c8402f;
    --color-danger-hover: #a52f21;
    --color-focus: #0b63ce;

    /* Couleurs des Marques */
    --brand-informatique: #2c3e50; /* L'Aire Informatique : Bleu très foncé / pro */
    --brand-web: #8e44ad;          /* L'Aire du Web : Violet créatif */
    --brand-digital: #e67e22;      /* L'Aire Digitale : Orange dynamique */
    --brand-travaux: #c0392b;      /* L'Aire des Travaux : Terracotta bricolage */
    /* Fil des quatre marques, utilisé comme signature graphique ponctuelle */
    --brand-thread: linear-gradient(90deg, var(--brand-informatique), var(--brand-web), var(--brand-digital), var(--brand-travaux));

    /* Typographie : titres en Fraunces (esprit registre comptable), corps en Inter */
    --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
    --font-base: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    /* Espacements */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    
    /* Ombres et Rayons */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(31,42,36,0.06), 0 1px 1px rgba(31,42,36,0.08);
    --shadow-md: 0 6px 16px rgba(31,42,36,0.08);

    /* Dimensions d'interface : privilégient des cibles tactiles accessibles. */
    --sidebar-width: 16.25rem;
    --touch-target: 2.75rem;
    --mobile-nav-height: 4.75rem;
    --content-max-width: 90rem;
}