/* Theme tokens: dark defaults today, light overrides later */
:root {
    --td-bg: #242425;
    --td-bg-deep: #181818;
    --td-surface: #1a1b1e;
    --td-surface-2: #1a1a1e;
    --td-surface-3: #2a2c30;
    --td-card: #262628;
    --td-card-soft: rgba(255, 255, 255, 0.05);
    --td-card-softer: rgba(255, 255, 255, 0.02);
    --td-card-hover: rgba(255, 255, 255, 0.04);
    --td-card-hover-strong: rgba(255, 255, 255, 0.05);
    --td-text: #ffffff;
    --td-text-soft: #a9a9a9;
    --td-muted: #777777;
    --td-border: rgba(255, 255, 255, 0.08);
    --td-border-soft: rgba(255, 255, 255, 0.06);
    --td-border-strong: rgba(255, 255, 255, 0.12);
    --td-shadow-soft: 0 0 50px rgba(0, 0, 0, 0.2);
    --td-shadow-hover: 0 15px 55px rgba(0, 0, 0, 0.3);
    --td-shadow-card: 0 6px 30px rgba(0, 0, 0, 0.4);
    --td-shadow-control: 0 6px 24px rgba(0, 0, 0, 0.25);
    --td-shadow-control-hover: 0 10px 30px rgba(0, 0, 0, 0.35);
    --td-shadow-thumb: 0 0 6px rgba(0, 0, 0, 0.3);
    --td-overlay-dark: rgba(0, 0, 0, 0.3);
    --td-accent: #5ac24e;
    --td-accent-hover: #4db343;
    --td-accent-bright: #6fd462;
    --td-accent-soft: rgba(90, 194, 78, 0.1);
    --td-accent-softer: rgba(90, 194, 78, 0.08);
    --td-accent-button: rgba(90, 194, 78, 0.2);
    --td-accent-button-hover: rgba(90, 194, 78, 0.35);
    --td-accent-strong: rgba(90, 194, 78, 0.9);
    --td-accent-border: rgba(90, 194, 78, 0.28);
    --td-accent-border-strong: rgba(90, 194, 78, 0.35);
    --td-accent-border-hover: rgba(90, 194, 78, 0.6);
    --td-accent-shadow: 0 6px 24px rgba(90, 194, 78, 0.3);
    --td-accent-shadow-soft: 0 4px 24px rgba(90, 194, 78, 0.35);
    --td-danger: #e05555;
    --td-danger-soft: rgba(220, 80, 80, 0.12);
    --td-danger-border: rgba(220, 80, 80, 0.35);
    --td-danger-shadow: 0 6px 24px rgba(220, 80, 80, 0.25);
}