:root {
    /* Couleurs principales */
    --cnr-green: #1f3a3d;
    --cnr-green-dark: #132d31;
    --cnr-green-light: #eaf0ee;

    /* Couleurs neutres */
    --cnr-white: #ffffff;
    --cnr-background: #f5f7f6;
    --cnr-text: #173236;
    --cnr-text-muted: #647477;
    --cnr-border: #dfe7e5;

    /* Alertes */
    --cnr-alert: #8e3429;
    --cnr-alert-background: #fff3f0;

    /* Largeurs */
    --cnr-container-width: 1180px;
    --cnr-reading-width: 820px;

    /* Rayons */
    --cnr-radius-small: 14px;
    --cnr-radius: 24px;
    --cnr-radius-large: 32px;

    /* Ombres */
    --cnr-shadow-small: 0 8px 24px rgba(18, 48, 52, 0.05);
    --cnr-shadow: 0 14px 38px rgba(18, 48, 52, 0.09);

    /* Espacements */
    --cnr-space-xs: 8px;
    --cnr-space-sm: 16px;
    --cnr-space-md: 24px;
    --cnr-space-lg: 40px;
    --cnr-space-xl: 72px;
    --cnr-space-section: 112px;

    /* Transition */
    --cnr-transition: 180ms ease;
}