/* themes.css - Thème OpusWebcam (Violet) */

/* ─────────────────────────────────────────────────
   THÈME VIOLET (UNIQUE)
   ───────────────────────────────────────────────── */
:root {
    /* Couleurs principales */
    --primary: #667eea;
    --primary-dark: #5a67d8;
    --primary-light: #818cf8;
    --secondary: #764ba2;
    --secondary-dark: #6b4191;
    --secondary-light: #8b5bb1;
    --gradient-main: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

    /* Palette de gris */
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --gray-800: #1f2937;
    --gray-900: #111827;

    /* Couleurs UI */
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #3b82f6;

    /* Backgrounds */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #e9ecef;

    /* Textes */
    --text-primary: #212529;
    --text-secondary: #6c757d;
    --text-muted: #adb5bd;
}

/* ─────────────────────────────────────────────────
   TRANSITIONS FLUIDES
   ───────────────────────────────────────────────── */
* {
    transition: background-color 0.2s ease,
                color 0.2s ease,
                border-color 0.2s ease,
                box-shadow 0.2s ease;
}