:root {
    /* Pixel-Perfect Redesign Palette based on Reference Image */
    --bg-primary: #0f0f13;
    --bg-secondary: #1a1a1f;
    --bg-tertiary: #25252b;
    --bg-active: #2c2c3e;
    
    --text-primary: #ffffff;
    --text-secondary: #8e8e93;
    --text-tertiary: #6c6c70;
    --text-inverse: #ffffff;
    
    --text-accent: #a4a4f4;
    --bg-accent: #2c2c3e;
    
    --text-success: #34c759;
    --bg-success: #15291d;
    --text-danger: #ff3b30;
    
    --border-subtle: rgba(255, 255, 255, 0.05);
    --border-divider: rgba(255, 255, 255, 0.08);
    --backdrop-overlay: rgba(15, 15, 19, 0.85);
    --backdrop-modal: rgba(0, 0, 0, 0.7);
    
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.4);
    
    --easing-apple: cubic-bezier(0.25, 0.1, 0.25, 1);
    
    --font-interface: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-mono: "SF Mono", "JetBrains Mono", "Fira Code", Consolas, monospace;
}

@media (prefers-color-scheme: light), (prefers-color-scheme: dark) {
    /* Strict override to maintain the dark UI regardless of system settings */
    body {
        background-color: var(--bg-primary) !important;
        color: var(--text-primary) !important;
    }
}

.tg-theme {
    /* Complete override of TG Theme variables to enforce redesign */
    --tg-theme-bg-color: var(--bg-primary) !important;
    --tg-theme-text-color: var(--text-primary) !important;
    --tg-theme-button-color: var(--text-accent) !important;
    --tg-theme-secondary-bg-color: var(--bg-secondary) !important;
    
    --bg-primary: #0f0f13 !important;
    --text-primary: #ffffff !important;
    --text-accent: #a4a4f4 !important;
    --bg-secondary: #1a1a1f !important;
}