/* Theme-specific overrides */
html.theme-red {
    --bg-color: #ef4f5a;
    --dropdown-bg: #ec5f69;
    --text-color: #f5f5f5;
    --secondary-text-color: #eeeeee;
    /* --text-color: #111;
    --secondary-text-color: #333;*/
    --muted-text-color: #555;
    --link-color: #38f9f9;        /* soft light pink for readability on red bg */
    --link-hover-color: #2bc0c0;  /* slightly brighter on hover */
    --weekday-bg: url('/images/elements/weekday-bg-black.svg');
    --date-bg: url('/images/elements/date-bg-black.svg');
    --separator: url('/images/elements/separator-black.svg');
    --line: url('/images/elements/tatreez-line-black.svg')
}

html.theme-black {
    --bg-color: #1f1f1f;
    --dropdown-bg: #2a2a2a;
    --text-color: #f5f5f5;
    --secondary-text-color: #eeeeee;
    --muted-text-color: #e0e0e0;
    --link-color: #f5a623;         /* warm gold/orange for contrast on dark bg */
    --link-hover-color: #c27803;   /* darker gold/orange for hover */
    --weekday-bg: url('/images/elements/weekday-bg-red.svg');
    --date-bg: url('/images/elements/date-bg-red.svg');
    --separator: url('/images/elements/separator-red.svg');
    --line: url('/images/elements/tatreez-line-red.svg');
}

html.theme-white {
    --bg-color: #fafafa;
    --dropdown-bg: #f2f2f2;
    --text-color: #111;
    --secondary-text-color: #333;
    --muted-text-color: #555;
    --link-color: #6fa85e;          /* subtle green, stands out but soft */
    --link-hover-color: #385d32;    /* darker green for hover */
    --weekday-bg: url('/images/elements/weekday-bg-green.svg');
    --date-bg: url('/images/elements/date-bg-green.svg');
    --separator: url('/images/elements/separator-green.svg');
    --line: url('/images/elements/tatreez-line-green.svg');
}

html.theme-green {
    --bg-color: #6fa85e;
    --dropdown-bg: #A8C99C;
    --text-color: #111;
    --secondary-text-color: #333;
    --muted-text-color: #555;
    --link-color: #d23cfb;          /* purple */
    --link-hover-color: #9e31bd;    /* darker purple for hover */
    --weekday-bg: url('/images/elements/weekday-bg-white.svg');
    --date-bg: url('/images/elements/date-bg-white.svg');
    --separator: url('/images/elements/separator-white.svg');
    --line: url('/images/elements/tatreez-line-white.svg');
}