/* Typographie et polices */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');

:root {
    --font-primary: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    --font-secondary: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    --font-size-title: 1.5rem;     /* 24px */
    --font-size-subtitle: 1.25rem;  /* 20px */
    --font-size-body: 1rem;         /* 16px */
    --font-size-small: 0.875rem;    /* 14px */
    --font-size-xs: 0.75rem;        /* 12px */
}

/* Styles de texte */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary);
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.4;
    margin-bottom: 1rem;
}

h1 {
    font-size: var(--font-size-title);
    font-weight: 700;
}

h2 {
    font-size: var(--font-size-subtitle);
    font-weight: 600;
}

p, ul, ol, li, span, a {
    font-family: var(--font-primary);
    font-size: var(--font-size-body);
    line-height: 1.6;
    color: var(--text-primary);
}

.text-secondary {
    color: var(--text-secondary) !important;
}

.text-accent {
    color: var(--accent-color) !important;
}

.text-small {
    font-size: var(--font-size-small);
}

.text-xs {
    font-size: var(--font-size-xs);
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.font-bold {
    font-weight: 700;
}

/* Espacement */
.spacing-1 {
    letter-spacing: 0.5px;
}

.spacing-2 {
    letter-spacing: 1px;
}

/* Responsive text sizing */
@media (max-width: 768px) {
    :root {
        --font-size-title: 1.375rem;    /* 22px */
        --font-size-subtitle: 1.125rem;  /* 18px */
    }
}