/*
 * Source unique de l'identité visuelle The Office (côté CSS/Twig).
 *
 * Mirror JS (à garder synchro) : assets/application/common/theme/tokens.js
 *
 * Toute valeur de couleur, typo, radius, spacing utilisée dans le CSS
 * doit venir d'ici (var(--color-*), var(--space-*), etc.).
 */

:root {
    /* Couleurs principales */
    --color-accent: #E48218;
    --color-background: #F8FAFB;
    --color-text-primary: #031112;

    /* Couleurs secondaires */
    --color-border: #E0E0E0;
    --color-text-secondary: #5F6B6C;
    --color-surface-elevated: #FFFFFF;
    --color-success: #2E7D32;
    --color-danger: #D32F2F;

    /* Typographie */
    --font-sans: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-weight-regular: 400;
    --font-weight-medium: 500;

    /* Tailles de texte */
    --text-h1: 28px;
    --text-h2: 20px;
    --text-h3: 16px;
    --text-body: 16px;
    --text-secondary: 14px;
    --text-caption: 12px;
    --line-height-body: 1.6;

    /* Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-app-icon: 22%;

    /* Espacement */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 48px;
    --space-2xl: 80px;
}