/* ══════════════════════════════════════════════════════════════════
   RAFLIX · VARIABLES & THEMES
   ══════════════════════════════════════════════════════════════════ */

:root {
    --accent-red:    #ff3b30;
    --accent-blue:   #2f6bff;
    --accent-purple: #a855f7;
    --accent-green:  #22c55e;
    --accent-gold:   #ffb800;

    --accent:      var(--accent-red);
    --accent-dim:  rgba(255, 59, 48, .12);
    --accent-text: #fff;

    --bg:       #0a0a0a;
    --bg2:      #141414;
    --surface:  #141414;
    --surface2: #1c1c1c;

    --border: #f2efe4;
    --text:   #f2efe4;
    --text2:  #b6b2a4;
    --text3:  #7a7669;

    --border-w:    3px;
    --border-w-sm: 2px;
    --border-w-lg: 4px;

    --radius:      0;
    --radius-sm:   0;
    --radius-full: 0;

    --shadow-hard-sm: 2px 2px 0 var(--border);
    --shadow-hard:    4px 4px 0 var(--border);
    --shadow-hard-lg: 6px 6px 0 var(--border);

    --font-display: 'Bebas Neue', 'Impact', sans-serif;
    --font-body:    'Inter', system-ui, -apple-system, sans-serif;

    --nav-h:    64px;
    --bottom-h: 64px;

    --transition: .12s linear;

    --accent-hover: var(--accent);
    --accent-glow:  transparent;
    --card:         var(--surface);
    --card2:        var(--surface2);
    --card-hover:   var(--surface2);
    --border-light: var(--border);
    --nav-bg:       var(--bg);
    --shadow:       var(--shadow-hard);
    --shadow-glow:  none;
    --glass:        var(--surface);
    --glass-border: var(--border);
    --skeleton:     rgba(255, 255, 255, .08);

    --hero-scrim: rgba(0, 0, 0, .7);
}

[data-accent="red"]    { --accent: var(--accent-red);    --accent-dim: rgba(255, 59, 48, .14);  --accent-text: #fff; }
[data-accent="blue"]   { --accent: var(--accent-blue);   --accent-dim: rgba(47, 107, 255, .14); --accent-text: #fff; }
[data-accent="purple"] { --accent: var(--accent-purple); --accent-dim: rgba(168, 85, 247, .14); --accent-text: #fff; }
[data-accent="green"]  { --accent: var(--accent-green);  --accent-dim: rgba(34, 197, 94, .14);  --accent-text: #0a0a0a; }
[data-accent="gold"]   { --accent: var(--accent-gold);   --accent-dim: rgba(255, 184, 0, .14);  --accent-text: #0a0a0a; }

[data-theme="light"] {
    --bg:       #f2efe4;
    --bg2:      #e8e4d6;
    --surface:  #ffffff;
    --surface2: #faf8ef;

    --border: #0a0a0a;
    --text:   #0a0a0a;
    --text2:  #3d3a30;
    --text3:  #6b6759;

    --skeleton: rgba(0, 0, 0, .07);
    
    /* ── লাইট মোডের জন্য হিরো সেকশনের গ্রেডিয়েন্ট ওভারলে ── */
    --hero-scrim: linear-gradient(
        to bottom,
        rgba(0,0,0,0.35) 0%,
        rgba(0,0,0,0.65) 50%,
        rgba(0,0,0,0.92) 100%
    );
}