:root {
    --color-bg-primary: #1E1E1E;
    --color-bg-secondary: #2A2A2A;
    --color-accent: #FD2B2B;
    --color-accent-light: rgba(253, 43, 43, 0.2);
    --color-accent-hover: rgba(253, 43, 43, 0.35);
    --color-success: #4CAF50;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: rgba(255, 255, 255, 0.7);
    --color-text-muted: rgba(255, 255, 255, 0.5);
    --color-border: rgba(255, 255, 255, 0.2);
    --color-border-light: rgba(255, 255, 255, 0.1);
    --color-border-cell: #636262;
    
    --font-family: 'Inter', Arial, sans-serif;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 2rem;
    
    --font-weight-bold: 700;
    --font-weight-semibold: 600;
    
    --spacing-2xs: 0.25rem;
    --spacing-xs: 0.625rem;
    --spacing-sm: 0.875rem;
    --spacing-md: 1.25rem;
    --spacing-lg: 2.0625rem;
    
    --radius-xs: 2px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-full: 9999px;
    
    --shadow-glow: 0 0 20px rgba(169, 0, 0, 0.4);
    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
    
    --container-width: min(100%, 578px);
	
	body {
    background: linear-gradient(270deg, #1E1E1E 10%, #560000 40%, #560000 60%, #1E1E1E 90%);
	}
}