@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,100..900&family=Source+Sans+3:wght@200..900&display=swap");

:root {
    --app-font: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    /* Couleurs principales */
    --app-primary: #0F3D2E;
    --app-primary-dark: #0B2E23;
    --app-primary-light: #165340;
    --app-primary-rgb: 15, 61, 46;
    --app-secondary: #121212;
    --app-secondary-dark: #0A0A0A;
    --app-secondary-light: #1E1E1E;
    --app-accent: #C9A24D;
    /* Couleurs fonctionnelles */
    --app-success: #166534;
    --app-success-light: #DCFCE7;
    --app-warning: #B45309;
    --app-warning-light: #FEF3C7;
    --app-error: #991B1B;
    --app-error-light: #FEE2E2;
    --app-info: #1E40AF;
    --app-info-light: #E0F2FE;
    /* Couleurs de fond */
    --app-background: #F5F2ED;
    --app-surface: #FFFFFF;
    --app-surface-alt: #EEE8E0;
    /* Couleurs de texte */
    --app-text-primary: #121212;
    --app-text-secondary: #374151;
    --app-text-disabled: #9CA3AF;
    /* Bordures et séparateurs */
    --app-divider: #E1D9CF;
    --app-divider-light: #EEE8E0;
    --app-border: #D6CBBF;
    /* Ombres */
    --app-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --app-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    --app-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --app-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    /* Espacements / radius */
    --app-radius-sm: 4px;
    --app-radius: 10px;
    --app-radius-md: 12px;
    --app-radius-lg: 16px;
    /* Transitions */
    --app-transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    /* Tokens optionnels — PageHeader */
    --pageheader-underline: #C9A24D; /* signature “premium” */
    --pageheader-icon-from: #121212;
    --pageheader-icon-to: var(--app-primary);
    --pageheader-subtitle-style: italic;
}

/* Font globale */
html, body, .mud-application {
    font-family: var(--app-font);
}

/* Titres premium (PageHeader et global si tu veux) */
h1, h2, h3,
.mud-typography h1, .mud-typography h2, .mud-typography h3 {
    font-family: "Fraunces", Georgia, serif;
}