/* ══════════════════════════════════════════
   SPOTLIGHT STUDIO — style.css
   ══════════════════════════════════════════ */
@import url("main.css");
@import url("overlay.css");
@import url("reset.css");
@import url("responsive.css");
@import url("sidebar/sidebar.css");


/* ── Variables ── */
:root {
    --sidebar-w: 300px;
    --sidebar-bg: #092015;
    --sidebar-bg2: #0d2a1b;
    --sidebar-bg3: #112e1e;
    --accent: #27ae72;
    --accent-dim: rgba(39, 174, 114, .13);
    --accent-hover: #1f9460;
    --border-dark: #183324;
    --border-mid: #1f3f2c;
    --text-side: #8fada0;
    --text-side-hi: #d4ede3;
    --bg-body: #eaf3ef;
    --bg-card: #ffffff;
    --border-light: #daeae3;
    --text-main: #0d1f17;
    --text-muted: #6a8076;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --blue: #3b82f6;
    --shadow-sm: 0 1px 6px rgba(9, 32, 21, .07);
    --shadow-md: 0 4px 20px rgba(9, 32, 21, .11);
    --shadow-lg: 0 8px 40px rgba(9, 32, 21, .14);
    --t: 0.2s cubic-bezier(.4, 0, .2, 1);
}