/* ==========================================
   Design Tokens — Dark Theme (Default)
   ========================================== */
:root {
    /* Core palette */
    --bg-app: #0f172a;
    --glass-bg: rgba(30, 41, 59, 0.7);
    --glass-bg-solid: #0d1829;
    --glass-border: rgba(255, 255, 255, 0.1);
    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --accent-primary: #3b82f6;
    --accent-secondary: #8b5cf6;
    --accent-gradient: linear-gradient(135deg, #3b82f6, #8b5cf6, #ec4899);

    /* Overlays */
    --overlay-hover: rgba(255, 255, 255, 0.05);
    --overlay-active: rgba(255, 255, 255, 0.1);
    --overlay-strong: rgba(255, 255, 255, 0.12);

    /* Borders */
    --border-subtle: rgba(255, 255, 255, 0.05);
    --border-default: rgba(255, 255, 255, 0.1);
    --border-strong: rgba(255, 255, 255, 0.15);
    --border-accent: rgba(255, 255, 255, 0.3);

    /* Surfaces */
    --th-bg: rgba(15, 23, 42, 0.4);
    --input-bg: rgba(15, 23, 42, 0.6);
    --modal-overlay: rgba(15, 23, 42, 0.8);
    --modal-bg: rgba(15, 23, 42, 0.95);

    /* Shadows */
    --shadow-heavy: rgba(0, 0, 0, 0.5);
    --shadow-medium: rgba(0, 0, 0, 0.3);

    /* Blob backgrounds */
    --blob-1: rgba(59, 130, 246, 0.3);
    --blob-2: rgba(139, 92, 246, 0.2);
    --blob-3: rgba(236, 72, 153, 0.2);

    /* Star ratings (unchanged across themes) */
    --star-5: #fbbf24;
    --star-4: #60a5fa;
    --star-3: #34d399;
    --star-2: #94a3b8;
    --star-1: #64748b;
}

/* End of theme variables */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}