/* Design system RP2027 — tokens extraits du référentiel visuel */
:root {
    /* Palette */
    --paper-0:   #ffffff;
    --paper-50:  #f7f5f0;
    --paper-100: #efece4;
    --ink-900:   #14233b;
    --ink-700:   #33425a;
    --ink-500:   #5d6b7e;
    --ink-300:   #98a1ad;
    --line:      #e4e1d7;
    --blue-600:   #1b4d8f;
    --blue-50:    #eef3fa;
    --blue-700:   #163e73;
    --red-600:    #d12821;
    --green-600:  #1f8a5b;
    --amber-600:  #bd7711;
    --teal-600:   #0f766e;
    --purple-600: #7c3aed;
    --rose-600:   #be185d;
    --orange-600: #c2410c;

    /* Spacing (base 4px) */
    --space-1:  4px;
    --space-2:  8px;
    --space-3:  12px;
    --space-4:  16px;
    --space-6:  24px;
    --space-8:  32px;
    --space-12: 48px;
    --space-16: 64px;

    /* Border radius */
    --radius-xs:   4px;
    --radius-sm:   8px;
    --radius-md:   12px;
    --radius-pill: 999px;

    /* Ombres */
    --shadow-xs:     0 1px 2px rgba(20, 35, 59, .06);
    --shadow-sm:     0 2px 8px rgba(20, 35, 59, .10);
    --shadow-focus:  0 0 0 3px rgba(27, 77, 143, .35);
    --shadow-accent: 0 4px 12px rgba(209, 40, 33, .30);

    /* Typographie */
    --font-display: 'Bricolage Grotesque', sans-serif;
    --font-text:    'Public Sans', sans-serif;

    /* Override variables GeneratePress pour aligner le thème parent */
    --global-palette1: var(--blue-600);
    --global-palette2: var(--ink-900);
    --global-palette3: var(--ink-700);
    --global-palette4: var(--ink-500);
    --global-palette5: var(--paper-50);
    --global-palette6: var(--paper-100);
    --global-palette7: var(--line);
    --global-palette8: var(--paper-50); /* fond page GP → papier chaud */
}