:root {
    --bg: #090f18;
    --surface: rgba(14, 20, 34, 0.9);
    --surface-strong: #10192a;
    --text: #f2f7ff;
    --muted: #afbdd1;
    --line: rgba(242, 247, 255, 0.14);
    --accent: #00e5ff;
    --accent-strong: #0077ff;
    --accent-soft: rgba(0, 229, 255, 0.22);
    --accent-contrast: #04111d;
    --theme-glow: rgba(0, 229, 255, 0.16);
    --theme-glow-strong: rgba(0, 119, 255, 0.24);
    --header-bg: rgba(9, 15, 24, 0.82);
    --theme-bar-bg: linear-gradient(90deg, #031726, #07294a);
    --button-shadow: 0 0 0 1px rgba(0, 229, 255, 0.3), 0 16px 34px rgba(0, 119, 255, 0.28);
    --shadow: 0 24px 60px rgba(0, 0, 0, 0.34);
    --font-body: "Tahoma", "Segoe UI", sans-serif;
    --font-display: "Arial Black", "Segoe UI", sans-serif;
    --hero-size: clamp(2.16rem, 4.8vw, 4.32rem);
    --section-title-size: clamp(2.05rem, 3.4vw, 3.4rem);
    --card-title-size: clamp(1.65rem, 2.5vw, 2.45rem);
    --nav-size: 0.92rem;
    --button-radius: 16px;
    --panel-border: rgba(0, 229, 255, 0.22);
    --panel-border-width: 1px;
    --project-copy-bg: linear-gradient(180deg, rgba(8, 16, 30, 0.72) 0%, rgba(12, 22, 38, 0.96) 100%);
    --placeholder-bg:
        linear-gradient(135deg, rgba(0, 229, 255, 0.14), rgba(0, 119, 255, 0.18)),
        linear-gradient(180deg, rgba(5, 10, 18, 0.94), rgba(12, 20, 36, 0.94));
    --nav-pill-bg: rgba(0, 229, 255, 0.12);
}