/*
Theme Name: ANCESU
Theme URI: https://ancesu.fr
Author: ANCESU
Description: Thème WordPress pour l'Association Nationale des CESU
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 8.3
License: Proprietary
Text Domain: ancesu
*/

/* ==========================================
   Design System — Variables CSS
   Identiques au site Symfony (ancesu.fr)
   ========================================== */
:root {
    /* -- Couleurs principales -- */
    --color-primary: #f6a724;
    --color-primary-light: #fce9c8;
    --color-primary-dark: #d48d1a;
    --color-secondary: #32373c;
    --color-navy: #344b8d;
    --color-text: #313131;
    --color-text-light: #6c757d;
    --color-bg-light: #f8f9fa;
    --color-bg-white: #ffffff;
    --color-border: #dee2e6;
    --color-success: #28a745;
    --color-danger: #dc3545;
    --color-warning: #ffc107;
    --color-info: #17a2b8;

    /* -- Couleurs par section (identite ancesu.fr) -- */
    --section-ancesu: #aebd15;
    --section-ancesu-light: #f3f5e0;
    --section-ressources: #344b8d;
    --section-ressources-light: #e0e3ef;
    --section-formations: #f6a724;
    --section-formations-light: #fdf0d9;
    --section-cesu: #0096d4;
    --section-cesu-light: #d9f0fa;
    --section-colloques: #c62828;
    --section-colloques-light: #f5dede;
    --section-agenda: #00897b;
    --section-agenda-light: #e0f2f1;
    --section-alert: #d41217;

    /* -- Section active (defaut: ancesu, overridable par classe .section--*) -- */
    --section-color: var(--section-ancesu);
    --section-color-light: var(--section-ancesu-light);

    /* -- Typography -- */
    --font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-size-base: 1rem;
    --font-size-sm: 0.875rem;
    --font-size-xs: 0.8125rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --line-height-base: 1.6;
    --line-height-tight: 1.3;

    /* -- Spacing -- */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    --spacing-3xl: 4rem;

    /* -- Layout -- */
    --container-max: 68.125rem;
    --container-padding: 1rem;
    --container-wide: 80rem;

    /* -- Design moderne sobre -- */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12);
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;

    /* -- Epaisseur bordure signature -- */
    --border-thick: 4px;

    /* -- Spacing complementaires -- */
    --spacing-1_5: 0.375rem;
    --spacing-2_5: 0.625rem;
    --spacing-4xl: 5rem;

    /* -- Radius complementaires -- */
    --radius-xl: 1.25rem;
    --radius-full: 999px;

    /* -- Layout semantique -- */
    --sidebar-narrow: 16.25rem;
    --sidebar-wide: 20rem;
    --max-width-prose: 45rem;
    --max-width-form: 40rem;
    --header-height: 5rem;
    --sticky-offset: 6.25rem;

    /* -- Dimensions cartes -- */
    --card-min-width: 12.5rem;
    --card-height-sm: 11.25rem;
    --card-height-md: 12.5rem;
    --card-height-lg: 17.5rem;

    /* -- Icones -- */
    --icon-sm: 1rem;
    --icon-md: 1.25rem;
    --icon-lg: 1.5rem;
    --icon-xl: 2.25rem;
    --icon-2xl: 3rem;
    --icon-3xl: 3.5rem;
    --avatar-sm: 4.5rem;

    /* -- Typographie fine -- */
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 2rem;
    --font-size-4xl: 2.5rem;
    --letter-spacing-tight: 0.03em;
    --letter-spacing-wide: 0.05em;

    /* -- Transitions -- */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
}

/* -- Section color overrides -- */
.section--ancesu {
    --section-color: var(--section-ancesu);
    --section-color-light: var(--section-ancesu-light);
}
.section--ressources {
    --section-color: var(--section-ressources);
    --section-color-light: var(--section-ressources-light);
}
.section--formations {
    --section-color: var(--section-formations);
    --section-color-light: var(--section-formations-light);
}
.section--cesu {
    --section-color: var(--section-cesu);
    --section-color-light: var(--section-cesu-light);
}
.section--colloques {
    --section-color: var(--section-colloques);
    --section-color-light: var(--section-colloques-light);
}
.section--agenda {
    --section-color: var(--section-agenda);
    --section-color-light: var(--section-agenda-light);
}