:root {
    /* Couleurs */
    --color-bg: #ffffff;
    --color-text: #1f2937;

    --color-primary: #111827;        /* noir élégant */
    --color-primary-hover: #000000;

    --color-border: #d1d5db;
    --color-muted: #6b7280;

    /* Boutons */
    --btn-bg: var(--color-primary);
    --btn-bg-hover: var(--color-primary-hover);
    --btn-text: #ffffff;
    --btn-radius: 6px;

    /* Ombres */
    --shadow-sm: 0 1px 2px rgba(0,0,0,.05);
    --shadow-md: 0 4px 10px rgba(0,0,0,.08);

    /* Fonts */
    --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-serif: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Font sizes */
    --fs-xs: 0.75rem;
    --fs-sm: 0.875rem;
    --fs-base: 1rem;
    --fs-md: 1.125rem;
    --fs-lg: 1.375rem;
    --fs-xl: 1.75rem;
    --fs-xxl: 2.25rem;

    /* Line heights */
    --lh-tight: 1.2;
    --lh-normal: 1.5;
    --lh-loose: 1.7;
}