/* ========================================
   VARIABLES CSS - Professeur & Traducteur
   Palette sobre et élégante
   ======================================== */

:root {
    /* Couleurs principales */
    --primary: #1B3A57;          /* Bleu marine profond */
    --accent: #D4AF37;           /* Or discret (excellence) */
    --accent-dark: #B8941F;      /* Or foncé */
    --secondary: #5A7D9A;        /* Bleu gris (élégance) */
    
    /* Texte */
    --text: #2C3E50;             /* Texte sombre */
    --text-light: #FFFFFF;       /* Blanc */
    --text-dim: #6C757D;         /* Gris */
    
    /* Backgrounds */
    --bg: #F8F9FA;               /* Fond clair */
    --bg-card: #FFFFFF;          /* Blanc */
    --bg-dark: #1B3A57;          /* Bleu marine */
    --bg-accent: #F5F5F0;        /* Beige très clair */
    
    /* États */
    --success: #28A745;
    --info: #5A7D9A;
    
    /* Typographie */
    --font-main: 'Lato', 'Open Sans', sans-serif;
    --font-title: 'Playfair Display', serif;
    --font-accent: 'Noto Sans SC', sans-serif; /* Chinois */
    
    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 6rem;
    
    /* Border radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    
    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
    
    /* Max width */
    --max-width: 1200px;
}