:root {
    /* Colours palette */
    --bg:                   rgb(0 0 0);
    --header-bg:            var(--bg);
    --fg:                   rgb(255 255 255);
    --accent:               rgb(255 232 56);            /* SIGORYX YELLOW */
    --muted:                rgb(255 255 255 / 0.60);
    --link:                 rgb(120 190 255);           /* light electric blue */
    --link-hover:           var(--accent);              /* main accent */
    --link-visited:         rgb(255 244 140);           /* lighter yellow */
    --panel-border:         rgb(255 255 255 / 0.20);
    --hr:                   rgb(255 255 255 / 0.20);
    --tooltip-bg:           rgb(20 20 20 / 0.98);       /* unused */
    --tooltip-fg:           rgb(255 255 255 / 0.92);    /* unused */


    /* Text */
    --font-sans:            system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --para-gap:             1.0rem;


    /* Borders and padding */
    --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);
}