:root {
    --bg:                   rgb(0 0 0);
    --fg:                   rgb(255 255 255);

    --accent:               rgb(255 232 56);            /* SIGORYX YELLOW */
    --muted:                rgb(255 255 255 / 0.60);

    /* Content link palette */
    --link:                 rgb(120 190 255);           /* light electric blue */
    --link-hover:           var(--accent);              /* main accent */
    --link-visited:         rgb(255 244 140);           /* lighter yellow */

    --header-bg:            rgb(0 0 0);

    /* Lighter separators for dark theme */
    --panel-border:         rgb(255 255 255 / 0.20);
    --hr:                   rgb(255 255 255 / 0.20);

    --font-sans:            system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    --para-gap:             1.0rem;
    --radius:               12px;
    --shadow:               0 16px 40px rgb(0 0 0 / 0.60);

    --container-pad-x:      4vw;

    /* Header sizing and spacing */
    --header-h:             42px;
    --header-pad-y:         3px;
    --nav-link-pad-y:       4px;
    --nav-link-pad-x:       6px;

    /* Selected underline tuning */
    --nav-underline-gap:    2px;
    --nav-underline-h:      2px;

    /* Social icon sizing) */
    --social-icon-h:        calc(var(--header-h) - var(--header-pad-y)*2 - var(--nav-link-pad-y)*4);
    --social-gap:           var(--nav-link-pad-x);

    --tooltip-bg:           rgb(20 20 20 / 0.98);
    --tooltip-fg:           rgb(255 255 255 / 0.92);
}