/* Explain: Theme design tokens (colors, fonts) — single source of truth. */
:root {
    /* Couleurs de marque */
    --primary-color: #8b5cf6;
    --primary-hover: #7c3aed;
    --secondary-color: #c4b5fd;
    --accent-color: #e8c47a;
    --gold-color: #e8c47a;
    --gold-soft: #f3d99a;
    --gold-deep: #b98a3a;

    /* Fonds et surfaces */
    --background-color: #06020f;
    --surface-color: #120a26;
    --surface-2-color: #1b1033;
    --surface-glass: rgba(20, 11, 40, 0.72);

    /* Texte et bordures */
    --text-color: #f3eefc;
    --text-muted: #a99fc4;
    --border-color: rgba(160, 120, 255, 0.20);
    --border-gold: rgba(232, 196, 122, 0.35);

    /* Dégradés et lueurs */
    --gradient-cosmic: linear-gradient(135deg, #8b5cf6, #4c1d95);
    --gradient-gold: linear-gradient(135deg, #f3d99a, #e8c47a 45%, #b98a3a);
    --gradient-text: linear-gradient(120deg, #ffffff, #c4b5fd 45%, #e8c47a);
    --glow-violet: 0 0 42px rgba(139, 92, 246, 0.45);
    --glow-gold: 0 0 42px rgba(232, 196, 122, 0.32);

    /* Typographie */
    --font-heading: 'Cinzel', serif;
    --font-body: 'Inter', sans-serif;

    /* Rythme des animations */
    --ease-soft: cubic-bezier(0.22, 0.7, 0.2, 1);
}