:root {
    --font-body: Arial, Helvetica, sans-serif;
    --header-height: 72px;
    --sidebar-width: 280px;
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.18);
    --transition-fast: 0.18s ease;
    --transition-med: 0.28s ease;

    --status-bg: var(--color-panel);
    --status-border: var(--color-border);
    --status-text: var(--color-text);
    --status-close: var(--color-text-soft);
    --status-close-hover-bg: var(--color-panel-alt);
    --status-close-hover-text: var(--color-text);
    --status-timer-track: var(--color-bg-soft);
    --status-timer-bar: var(--color-accent);
    --status-shadow: var(--color-shadow);
    --status-highlight: rgba(255, 255, 255, 0.04);

    --color-bg: #0f1720;
    --color-bg-soft: #16212d;
    --color-panel: #1b2836;
    --color-panel-alt: #223346;
    --color-border: #30475f;
    --color-text: #e8f1f8;
    --color-text-soft: #a9bfd1;
    --color-accent: #63c7b2;
    --color-accent-hover: #7dd8c6;
    --color-danger: #d96b6b;
    --color-overlay: rgba(8, 13, 18, 0.68);
    --color-shadow: rgba(0, 0, 0, 0.24);
}