/* Muted Red Theme */
[data-theme="red"] {
    --color-primary: #bf616a;
    --color-secondary: #e6d6d6;
    /* Muted Redish Gray */
    --color-accent: #8c3f46;
    --color-surface: #f2e6e6;
    --color-link-hover: color-mix(in srgb, var(--color-accent), transparent 90%);

}

/* Muted Blue Theme */
[data-theme="blue"] {
    --color-primary: #5e81ac;
    --color-secondary: #d6dae6;
    /* Muted Bluish Gray */
    --color-accent: #3b5374;
    --color-surface: #e6eaf2;
    --color-link-hover: color-mix(in srgb, var(--color-accent), transparent 90%);

}

/* Muted Purple Theme */
[data-theme="purple"] {
    --color-primary: #b48ead;
    --color-secondary: #e6d6e6;
    /* Muted Purple Gray */
    --color-accent: #7b5876;
    --color-surface: #f2e6f2;
    --color-link-hover: color-mix(in srgb, var(--color-accent), transparent 90%);

}

/* Charcoal Dark Theme */
[data-theme="charcoal"] {
    --color-primary: #607d8b;
    --color-secondary: #263238;
    /* Charcoal Dark */
    --color-accent: #546e7a;
    --color-surface: #37474f;
    --color-link-hover: color-mix(in srgb, var(--color-accent), transparent 90%);
    /* Text overrides for dark mode */
    --color-text-dark: #eceff1;
    --color-text-med: #cfd8dc;
}