/* Charte AlumnEye, alignée sur alumneye.fr (CLAUDE.md, Charte graphique). */
:root {
    --color-brand: #B11F24;
    --color-brand-dark: #8E181D;
    --color-brand-soft: rgba(177, 31, 36, 0.06);
    --color-brand-line: rgba(177, 31, 36, 0.18);
    --color-title: #0e0e0e;
    --color-heading-alt: #303133;
    --color-text: #6b6b6b;
    --color-muted: #808080;
    --color-border: #e5e5e5;
    --color-bg: #ffffff;
    --color-bg-alt: #f7f7f7;
    --color-dark: #141618;
    --color-dark-soft: #23262a;
    --color-dark-text: #b9bcc0;
    --color-success: #1e7a46;
    --color-success-soft: #e8f5ee;
    --color-error: #B11F24;
    --color-error-soft: #fbedee;

    --font-heading: 'Bricolage Grotesque', 'Manrope', system-ui, sans-serif;
    --font-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --font-weight-body: 400;
    --font-weight-medium: 600;
    --font-weight-title: 800;

    --radius-button: 8px;
    --radius-card: 12px;
    --radius-panel: 16px;
    --radius-pill: 999px;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 56px;
    --space-8: 88px;

    --container: 1140px;
    --container-narrow: 760px;
    --shadow-card: 0 2px 6px rgba(14, 14, 14, 0.04), 0 12px 32px rgba(14, 14, 14, 0.06);
}