:root {
    /* Solarized Base Colors */
    --base03:  #001c22;
    --base02:  #06313b;
    --base01:  #51646a; /* Slightly darker text for light mode */
    --base00:  #5d7077;
    --base0:   #90a1a3;
    --base1:   #a0aead; /* Slightly lighter text for dark mode */
    --base2:   #fffbe9;
    --base3:   #ffffff;

    /* Solarized Accent Colors */
    --yellow:  #b58900;
    --orange:  #cb4b16;
    --red:     #dc322f;
    --magenta: #d33682;
    --violet:  #6c71c4;
    --blue:    #268bd2;
    --cyan:    #2aa198;
    --green:   #859900;
}

[data-theme="light"] {
    --bg-color: var(--base3);
    --text-color: var(--base01);
    --card-bg-color: var(--base2);
    --accent-color: var(--violet);
    --heading-color: var(--cyan);
    --link-color: var(--blue);
    --shadow-color: var(--base1);
    --button-text-color: var(--base3);
    --muted-text-color: var(--base1);
    --icon-button-bg-color: var(--base0);
}

[data-theme="dark"] {
    --bg-color: var(--base03);
    --text-color: var(--base1);
    --card-bg-color: var(--base02);
    --accent-color: var(--violet);
    --heading-color: var(--cyan);
    --link-color: var(--blue);
    --shadow-color: var(--base01);
    --button-text-color: var(--base03);
    --muted-text-color: var(--base01);
    --icon-button-bg-color: var(--base00);
}