/* Cyberpunk — neon magenta & cyan on deep violet black */

:root {
    --font-weight-body: 400;
    --font-weight-nav-active: 500;
    --font-weight-heading: 600;
    --font-weight-section-label: 750;

    --color-content-bg: #0c0618;
    --color-text: #e8e4ff;

    --color-accent: #ff2a6d;
    --color-accent-hover: #5dfdfd;
    --color-muted: #a898c9;

    --color-border: #4a3678;
    --color-code-bg: #140b22;
    --color-code-comment: #94a3b8;
    --color-code-punctuation: #cbd5e1;
    --color-code-property: #f87171;
    --color-code-string: #86efac;
    --color-code-operator: #facc15;
    --color-code-keyword: #7dd3fc;
    --color-code-function: #e879f9;
    --color-code-variable: #fde047;

    --color-carousel-bg: #12081f;

    --color-carousel-arrow-bg: rgba(255, 255, 255, 0.26);
    --color-carousel-arrow-bg-hover: rgba(255, 255, 255, 0.42);
    --color-carousel-arrow-icon: #ffffff;
    --color-carousel-arrow-shadow: rgba(0, 0, 0, 0.5);
    --color-carousel-pagination-dot: rgba(255, 255, 255, 0.45);

    --color-sidebar-bg: #060210;
    --color-sidebar-active: #7b2cbf;
    --color-nav-active-text: #fff5fc;
    --color-nav-idle: rgba(232, 228, 255, 0.82);
    --color-nav-hover-bg: #1a0f2e;
    --color-nav-hover-text: #ffffff;
    --color-section-title: rgba(200, 190, 255, 0.72);

    --color-footer-text: rgba(255, 245, 252, 0.82);
    --color-footer-hover: #5dfdfd;
}