/*
 * Design tokens — La Voix des Locataires
 * Source : constitution Article 3 (couleurs extraites du logo officiel).
 * Ne jamais coder ces valeurs en dur dans les templates Twig.
 */
:root {
    /* Couleurs primaires */
    --color-primary:       #1B3A6B; /* Bleu marine — immeubles, titres, nav */
    --color-primary-dark:  #132B52;
    --color-primary-light: #2A5298;

    /* Couleur d'accent */
    --color-accent:        #C8472A; /* Corail — bulle, CTAs, badges */
    --color-accent-dark:   #A33820;
    --color-accent-light:  #E8633F;

    /* Neutres */
    --color-white:         #FFFFFF;
    --color-surface:       #F7F8FC;
    --color-surface-alt:   #EEF1F8;
    --color-border:        #D1D9E6;

    /* Texte */
    --color-text-primary:   #1B3A6B;
    --color-text-secondary: #4A5A7A;
    --color-text-muted:     #7A8BA8;

    /* Statuts (cycle de vie d'un signalement) */
    --color-status-draft:     #7A8BA8;
    --color-status-pending:   #B07A10;
    --color-status-published: #1B3A6B;
    --color-status-handled:   #2A5298;
    --color-status-resolved:  #1A6B3A;
    --color-status-archived:  #4A5A7A;
    --color-status-rejected:  #C8472A;

    /* Typographie — Syne (titres 600/700), Source Sans 3 (corps 400/600) */
    --font-heading: "Syne", sans-serif;
    --font-body:    "Source Sans 3", sans-serif;

    /* Rayons de bordure */
    --radius-control: 6px;   /* boutons, inputs, badges */
    --radius-card:    12px;  /* cartes, panneaux */
    --radius-modal:   16px;
    --radius-pill:    999px;

    /* Ombres */
    --shadow-card:  0 1px 3px rgba(27, 58, 107, 0.08);
    --shadow-hover: 0 4px 12px rgba(27, 58, 107, 0.14);
    --shadow-modal: 0 8px 32px rgba(27, 58, 107, 0.18);
}