:root {
    /* Light Mode Variables */
    --theme: #fff;          /* Main background */
    --entry: #ddd;          /* Entry/Card background */
    --primary: rgba(0, 0, 106, 0.88);
    --secondary: rgba(0, 0, 80, 0.78);
    --tertiary: rgba(0, 0, 106, 0.16);
    --content: rgba(0, 0, 60, 0.88);
    --hljs-bg: #222;        /* Code block background */
    --code-bg: #eee;        /* Inline code background */
    --border: #fff;
}

:root[data-theme="dark"] {
    /* Dark Mode Variables */
    --theme: #111;          /* Main background */
    --entry: #222;          /* Entry/Card background */
    --primary: rgba(235, 235, 255, 0.96);
    --secondary: rgba(235, 235, 255, 0.66);
    --tertiary: rgba(1, 1, 5, 0.32);
    --content: rgba(235, 235, 255, 0.82);
    --hljs-bg: #333;     /* Code block background */
    --code-bg: #444;     /* Inline code background */
    --border: #555;
}