:root {
    /* Light Theme (Default) */
    --bg-color: #f8f8f8;
    --text-color: #333;
    --heading-color: #222;
    --surface-bg-color: #fff;
    --border-color: #eee;
    --hover-bg-color: #f1f7ff;
    --shadow-color: rgba(0,0,0,0.05);
    --sticky-shadow-color: rgba(0,0,0,0.1);
    --accent-color: #0078d4;
    --accent-text-color: #fff;
    --accent-focus-shadow: rgba(0, 120, 212, 0.2);
    --input-bg-color: #fff;
    --input-text-color: #333;
    --input-border-color: #ccc;
    --bp-key-color: #333;
    --bp-link-color: green;
    --bp-link-hover-bg: #e0ffe0;
    --bp-row-hover-bg: #f5f5f5;
    --bp-row-border: 200, 200, 200;
    /* Button Variables */
    --btn-bg: #e5e7eb;
    --btn-text-color: #374151;
    --btn-hover-bg: #d1d5db;
    --btn-active-bg: #9ca3af;
    /* Primary Button Variables */
    --btn-primary-bg: var(--accent-color);
    --btn-primary-text-color: var(--accent-text-color);
    --btn-primary-hover-bg: #005a9e; /* Darker accent */
    --search-highlight: rgb(120, 120, 255, 0.20);
    --toggle-highlight: rgb(120, 120, 255, 0.50);

    --cancel-image: url('data:image/png;base64,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');
}

[data-theme="dark"] {
    --bg-color: #121212;
    --text-color: #e0e0e0;
    --heading-color: #f5f5f5;
    --surface-bg-color: #1e1e1e;
    --border-color: #3a3a3a;
    --hover-bg-color: #333;
    --shadow-color: rgba(0,0,0,0.3);
    --sticky-shadow-color: rgba(0,0,0,0.5);
    --accent-color: #0090ff;
    --accent-focus-shadow: rgba(0, 144, 255, 0.25);
    --input-bg-color: #2d2d2d;
    --input-text-color: #e0e0e0;
    --input-border-color: #444;
    --bp-key-color: #f5f5f5;
    --bp-link-color: #66bb6a;
    --bp-link-hover-bg: #2e442e;
    --bp-row-hover-bg: #404040;
    --bp-row-border: 58, 58, 58;

    /* Button Variables */
    --btn-bg: #374151;
    --btn-text-color: #e5e7eb;
    --btn-hover-bg: #4b5563;
    --btn-active-bg: #6b7280;
    /* Primary Button Variables */
    --btn-primary-bg: var(--accent-color);
    --btn-primary-text-color: #fff;
    --btn-primary-hover-bg: #00bfff; /* Lighter accent */
    --search-highlight: rgb(239, 255, 0, 0.10);
    --toggle-highlight: rgb(239, 255, 0, 0.40);
    --cancel-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAAAXNSR0IB2cksfwAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAlwSFlzAAAB2AAAAdgB+lymcgAABOhJREFUaN7tWV1sFUUUPve2F9pLC6XQkkgwtKaGQlJNTQAxCEYU/EuAh5IY4k8aMVWKGn5SiDVI+Etq/atGqgSf5MEX5SeBaCLENCQGqDyUNLYYbcOPxbQ0LS1toffzoXvPnd2ZnZ3ZewkPMvOw9+45851vZ2bPnHM2Arq3LUr3Cdzjlh1qVDGVUxnNpVzKI6IBGqa/qIPa6cbdJhCjlfQCLad5SmmC2ug0HaVTlLDAhGkvxef4FybtMvbjAVNcM7WHcRh3YNNG0IzZmSEQxx6MKI1cxyWcw3n8iT6lfABbEEuXwKP4wwN7C8ewGYtR4NKbiaXYgZ9x26N9FqXpENiAWy6431GNadoRxahFh2tMP1aHJbDLBdSKVYgY7ZgoqtApjLyDmjAEmgSIQWxEFsii56AeowLCdlsC4tNfxAIr48n+GC4JKLU2BDYIA48hN5R5AqEQZ4SFeNGUwCPC1vsO2aHNEwhT8BNj9eJBEwJxtPOQ42man6DwG+O1yDtJHrCb1S8gnrZ5AqEI3YxZE0TgIZ7+myjPiHkCYTHGHNQ+FOkJHGaub2fMPIGwn3EbdARK2JW2Kt77p/EJXg5wRll4A41YpNhZf/PMzvAn8CnzfFaCeAYJAECzhsIk/AgAGEOFJKtWOyVRJRs97PNlI58xgB+FpHkA2CZJY+hyZO1+BJ7j4a8r4F8RnJOKgmgeWKFAqGdppZrAV454GFMVwyP4VkPBbX6vT0yVcOQfqAlcdMRHfFY4ggOCkYOICtP7gyBp8N0jrY7GLyoCM5jfe74Aagqm5gmNPMcxmcBShliogZApmJsnrGW9MplA6jXRxzxuCodca98Q4I4WsObzMoFkBNAT6NXcFMzNEybzMvOZkErN8p1rn0EqUUPN0t2PaGvgyFEadn7lybnhFOc6ZJTN1NA3rjuNBuaJiAac61SZACxTuiLX/wLDNDfKaZxEYMg7Odoc8Xta7bpTTV8bUUgu9KBMIDk5M0OYN6UQp1wvgdQOfY13c6F2J3vfez/vqOoVrLlSfg2XsHCJhXmdg5Z7FeuVygQKMO57lOp9vjmFJk50slSH0QVHfMLKvA2FNkfjpPo0TIYco+6gicMV0enuk/JB8bA+oDRfzvI6NYGn/INnEDZqzMsU1ig09rB0vppAFJc5aJIn8UuteS+FOkVY2sMBr29Quk/zBMudiHmvNjE/BAAYEp/R6bWM/a4/gVmclnRgsgSxCPWKaFk+899XZNPT+fl7ka9LTA5qJjGdnlrAD/WZ0WwMcp2rMmPmV7GP+ccb7sjKdcy101OICtvn4Dpjrg/OjifhHKv/ipy0zRey+wFOyvmEakgZBjJSH5nYfKkayVUUm5ZoqnjNgJaA01E/+W1C7fRJmyLVW4JX68ITocyvwDXGGEeVbZlup0BhDLssqyXT8QVHwMA43gxTqNwkLATQhVeDK7+O093kqquP+D19cKl2DfpdkX83tmOudsR87PYU9a+o1960WF0i1LgmWgJn0Yi1KBecdRwVWIcmTm9T7YRq59uV67NQixs+XwX6cQXXhJfW3a5ifXB12WxLzcLH7KLNWi92KqsMIQlMpO87hBKmrp3HO8gzxY1YfjmtpJdoGT1OOQrZTWqh03SU2m0AI6E+3caohMpoDk2jfErQEPVRN3VSF43bQ0Xufzv+3xP4D7AlFxBLZsaCAAAAAElFTkSuQmC')
}