:root {
  /* Fonds et texte */
  --color-bg:            #161826;
  --color-surface:       #232532;
  --color-text:          #e9e9ed;

  /* Accent (unique) */
  --color-accent:        #9184d9;
  --color-accent-200:    #e7e5fe;
  --color-accent-300:    #d2cefd;
  --color-accent-700:    #5c50a2;

  /* Neutres */
  --color-neutral-200:   #c8cad4;
  --color-neutral-300:   #a9acba;
  --color-neutral-400:   #8b8fa1;

  /* Filets */
  --color-divider:       color-mix(in srgb, #e9e9ed 16%, transparent);

  /* Champs saturés (lueurs, dégradés de section) */
  --color-section:       #262a60;
  --color-section-glow:  #353b80;

  /* Formes et ombres */
  --radius-md:           8px;
  --shadow-lg:           0 24px 60px rgba(0, 0, 0, .5);

  /* Typo */
  --font-body:    "Inter", system-ui, sans-serif;
  --font-heading: "Inter", system-ui, sans-serif;

  /* Courbe d'animation commune */
  --ease: cubic-bezier(.2, .7, .25, 1);
}