@import "tailwindcss";

/* Charte graphique Institut Corps à Coeur */
@theme {
    /* Couleurs du site legacy */
    --color-brand-50:  #f0fdf4;
    --color-brand-100: #c9fad9;   /* tertiary WP */
    --color-brand-200: #b0f1b9;   /* primary WP */
    --color-brand-300: #86efac;
    --color-brand-400: #4ade80;
    --color-brand-500: #60916a;   /* secondary WP */
    --color-brand-600: #276e44;   /* primary text WP */
    --color-brand-700: #1d5734;
    --color-brand-800: #14432a;
    --color-brand-900: #0f3020;

    /* Typographie */
    --font-serif: "Source Serif Pro", Georgia, serif;
    --font-sans:  -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Import Source Serif Pro depuis Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&display=swap');

body {
    font-family: var(--font-sans);
    background-color: white;
    color: #1a1a1a;
}

h1, h2, h3, h4 {
    font-family: var(--font-serif);
}

/* Prose amélioré pour le contenu HTML WP */
.prose img { border-radius: 0.75rem; }
.prose a { color: #276e44; }
.prose a:hover { text-decoration: underline; }