:root,
html[data-theme="gold"] {
    --background-color: #000000;
    --surface-color: rgba(12, 12, 12, 0.9);
    --surface-soft: rgba(20, 20, 20, 0.82);
    --surface-strong: rgba(0, 0, 0, 0.84);
    --text-color: #ffd700;
    --text-muted: #cdbf7a;
    --accent-color: #ffd700;
    --accent-hover: #ffe866;
    --accent-rgb: 255, 215, 0;
    --border-color: rgba(var(--accent-rgb), 0.45);
    --shadow-color: rgba(0, 0, 0, 0.55);
}

html[data-theme="ocean"] {
    --text-color: #7dd3fc;
    --text-muted: #8fb8d4;
    --accent-color: #38bdf8;
    --accent-hover: #bae6fd;
    --accent-rgb: 56, 189, 248;
    --border-color: rgba(var(--accent-rgb), 0.45);
}

html[data-theme="forest"] {
    --text-color: #86efac;
    --text-muted: #9cc9ad;
    --accent-color: #4ade80;
    --accent-hover: #bbf7d0;
    --accent-rgb: 74, 222, 128;
    --border-color: rgba(var(--accent-rgb), 0.45);
}

html[data-theme="ruby"] {
    --text-color: #fda4af;
    --text-muted: #d4a0a8;
    --accent-color: #fb7185;
    --accent-hover: #fecdd3;
    --accent-rgb: 251, 113, 133;
    --border-color: rgba(var(--accent-rgb), 0.45);
}

html[data-theme="violet"] {
    --text-color: #d8b4fe;
    --text-muted: #c4b0d8;
    --accent-color: #c084fc;
    --accent-hover: #f3e8ff;
    --accent-rgb: 192, 132, 252;
    --border-color: rgba(var(--accent-rgb), 0.45);
}

html[data-theme="silver"] {
    --text-color: #e5e7eb;
    --text-muted: #c4c9d4;
    --accent-color: #e5e7eb;
    --accent-hover: #ffffff;
    --accent-rgb: 229, 231, 235;
    --border-color: rgba(var(--accent-rgb), 0.45);
}

html[data-theme="amber"] {
    --text-color: #fdba74;
    --text-muted: #d4b08c;
    --accent-color: #fb923c;
    --accent-hover: #fed7aa;
    --accent-rgb: 251, 146, 60;
    --border-color: rgba(var(--accent-rgb), 0.45);
}