:root{--light-bg: #F5F5F7;--light-bg-secondary: #FFFFFF;--light-accent: #0087CC;--light-accent-hover: #006DAA;--light-text: #1D1D1F;--light-text-secondary: #555555;--light-border: #EAEAEA;--dark-bg: #1A1A1A;--dark-bg-secondary: #2C2C2C;--dark-accent: #00A9FF;--dark-accent-hover: #0087CC;--dark-text: #F5F5F5;--dark-text-secondary: #A0A0B0;--dark-border: #3A3A3A;--primary-color: var(--light-bg);--secondary-color: var(--light-bg-secondary);--accent-color: var(--light-accent);--accent-color-dark: var(--light-accent-hover);--text-color: var(--light-text);--text-color-dark: var(--light-text-secondary);--border-color: var(--light-border);--white: #FFFFFF;--black: #000000;--yellow: #fdb912}body.dark-mode{--primary-color: var(--dark-bg);--secondary-color: var(--dark-bg-secondary);--accent-color: var(--dark-accent);--accent-color-dark: var(--dark-accent-hover);--text-color: var(--dark-text);--text-color-dark: var(--dark-text-secondary);--border-color: var(--dark-border)}body{font-family:Oswald,sans-serif;margin:0;color:var(--text-color);background-color:var(--primary-color);transition:background-color .3s ease,color .3s ease}