:root {
    /* Base color HSL values (from URL or default black) */
    --base-h: 0;
    --base-s: 0%;
    --base-l: 0%;

    /* Full colors derived from base */
    --color-base: hsl(var(--base-h), var(--base-s), var(--base-l));

    /* Black & White high-contrast theme */
    --bg-primary: #000000;           /* Black background */
    --bg-secondary: #111111;         /* Slightly lighter black */
    --text-primary: #ffffff;         /* White text (replaces gray) */
    --text-secondary: #eeeeee;       /* Light gray-white for subtle text */
    --border: #333333;               /* Dark divider */
    --accent: #ffffff;               /* White accents */
    --hover: #222222;                /* Darker on hover */

    /* Example usage in your CSS */
    /*
    body {
        background: var(--bg-primary);
        color: var(--text-primary);
    }
    a { color: var(--accent); }
    a:hover { background: var(--hover); }
    hr { border-color: var(--border); }
    */
}