/* ============================== */
/* ARCADE THEME - CSS SIMPLE     */
/* ============================== */

/* Variables CSS globales pour l'interface principale */
:root {
    --arcade-bg-primary: #ffffff;
    --arcade-bg-secondary: #f7fafc;
    --arcade-text-primary: #1a202c;
    --arcade-text-secondary: #4a5568;
    --arcade-accent: #667eea;
    --arcade-accent-hover: #5a67d8;
    --arcade-border: rgba(0, 0, 0, 0.1);
    --arcade-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    --arcade-transition: all 0.3s ease;
}

/* Thème sombre */
[data-theme="dark"] {
    --arcade-bg-primary: #1a202c;
    --arcade-bg-secondary: #2d3748;
    --arcade-text-primary: #f7fafc;
    --arcade-text-secondary: #e2e8f0;
    --arcade-border: rgba(255, 255, 255, 0.1);
    --arcade-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}