body.dark {
    --bg-page: #1f1f1f;
    --surface: #0f0f0f;
    --text: #e8edf5;
    --muted: #a9b4c2;

    --brand-cta: #ffa631;
    --brand-cta-hover: #e0942c;

    --shadow: 0 6px 12px rgba(0, 0, 0, 0.55);
    --shadow-soft: 0 12px 30px rgba(0, 0, 0, 0.45);

    --dot: rgba(255, 255, 255, 0.35);
    --dot-active: #ffffff;

    /* NAV dark varyantları */
    --nav-bg: #1b1b1b;
    --nav-link: #e8edf5;
    --nav-link-hover: #ffffff;
    --nav-border: rgba(255, 255, 255, 0.763);
    --nav-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
    --offcanvas-hover-bg: rgb(255, 255, 255);
    --offcanvas-backdrop: rgba(0, 0, 0, 0.6);
}