/* ── Industrial (Default) ─────────────────────── */
:root,
[data-theme="industrial"] {
    --bg-primary:    #1a1a1a;
    --bg-secondary:  #222222;
    --bg-card:       #2c2c2c;
    --bg-card-hover: #333333;
    --accent:        #e8890c;
    --accent-hover:  #f5a030;
    --accent-muted:  rgba(232,137,12,0.12);
    --text-primary:  #e0e0e0;
    --text-secondary:#9a9a9a;
    --text-muted:    #585858;
    --border:        #3a3a3a;
    --border-accent: #e8890c;
    --hero-bg:       #111111;
    --grid-color:    rgba(232,137,12,0.07);
    --nav-bg:        rgba(17,17,17,0.96);
    --shadow:        0 4px 24px rgba(0,0,0,0.5);
    --shadow-card:   0 2px 16px rgba(0,0,0,0.4);
    --radius:        4px;
    --btn-text:      #111111;
}

/* ── Dark / Tech ──────────────────────────────── */
[data-theme="dark"] {
    --bg-primary:    #0d0d0d;
    --bg-secondary:  #121218;
    --bg-card:       #1a1a2e;
    --bg-card-hover: #16213e;
    --accent:        #00d4ff;
    --accent-hover:  #33ddff;
    --accent-muted:  rgba(0,212,255,0.10);
    --text-primary:  #f0f0f0;
    --text-secondary:#8888aa;
    --text-muted:    #505068;
    --border:        #1e2a3a;
    --border-accent: #00d4ff;
    --hero-bg:       #08080f;
    --grid-color:    rgba(0,212,255,0.06);
    --nav-bg:        rgba(8,8,15,0.96);
    --shadow:        0 4px 24px rgba(0,0,0,0.7);
    --shadow-card:   0 2px 16px rgba(0,212,255,0.08);
    --radius:        4px;
    --btn-text:      #0d0d0d;
}

/* ── Light / Corporate ────────────────────────── */
[data-theme="light"] {
    --bg-primary:    #f4f4f4;
    --bg-secondary:  #eaeaea;
    --bg-card:       #ffffff;
    --bg-card-hover: #f8f8f8;
    --accent:        #1a5276;
    --accent-hover:  #1f618d;
    --accent-muted:  rgba(26,82,118,0.08);
    --text-primary:  #1a1a1a;
    --text-secondary:#555555;
    --text-muted:    #888888;
    --border:        #dddddd;
    --border-accent: #1a5276;
    --hero-bg:       #e6e6e6;
    --grid-color:    rgba(26,82,118,0.05);
    --nav-bg:        rgba(255,255,255,0.97);
    --shadow:        0 4px 24px rgba(0,0,0,0.10);
    --shadow-card:   0 2px 16px rgba(0,0,0,0.08);
    --radius:        4px;
    --btn-text:      #ffffff;
}