/* Variables CSS pour le thème ARCY */
:root {
    /* Couleurs principales */
    --primary-01: #FAFBFF;
    --primary-02: #34B3FA;
    --primary-03-start: #75FAF3;
    --primary-03-end: #081D27;
    --primary-04: #081D27;
    
    /* Palette de gris */
    --cloud: #EDEFF7;
    --smoke: #D3D6E0;
    --steel: #BCBFCC;
    --space: #9DA2B3;
    --graphite: #6E7180;
    --arsenic: #40424D;
    --phantom: #1E1E24;
    --black: #000000;
    
    /* Variables thématiques (mode clair par défaut) */
    --background-main: var(--primary-01);
    --background-card: white;
    --background-accent: var(--primary-02);
    --text-primary: var(--primary-04);
    --text-secondary: var(--graphite);
    --border-light: var(--cloud);
    --border-medium: var(--smoke);
    --shadow-color: rgba(8, 29, 39, 0.1);
    
    /* Dégradés */
    --gradient-primary: linear-gradient(135deg, var(--primary-03-start), var(--primary-03-end));
    
    /* Typographie */
    --font-family: 'Manrope', sans-serif;
  }
  
  /* Variables pour le mode sombre */
  [data-theme="dark"] {
    --background-main: var(--phantom);
    --background-card: var(--arsenic);
    --background-accent: var(--primary-02);
    --text-primary: var(--primary-01);
    --text-secondary: var(--steel);
    --border-light: var(--arsenic);
    --border-medium: var(--graphite);
    --shadow-color: rgba(0, 0, 0, 0.3);
  }