:root{--berlin-red: #DC1F35;--berlin-black: #333333;--berlin-white: #FFFFFF;--welsh-red: #DC1F35;--welsh-green: #008542;--welsh-white: #FFFFFF;--dark-bg: #1A1A1A;--dark-surface: #242424;--dark-border: #404040;--primary: var(--berlin-red);--accent: var(--welsh-green);--background: var(--berlin-white);--surface: var(--berlin-white);--text: var(--berlin-black);--text-light: var(--berlin-white);--border: #E5E5E5;--hover: var(--welsh-green);--active: #006D35;--focus-ring: var(--welsh-green);--transition-colors: .2s ease;--transition-transform: .2s ease}:root.dark{--background: var(--dark-bg);--surface: var(--dark-surface);--text: var(--berlin-white);--text-light: var(--berlin-white);--border: var(--dark-border)}:root{color-scheme:light;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .1)}:root.dark{color-scheme:dark;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .3)}:root{background-color:var(--background);color:var(--text)}.interactive{color:var(--primary);transition:color var(--transition-colors)}.interactive:hover{color:var(--hover)}.btn{background-color:var(--primary);color:var(--text-light);transition:background-color var(--transition-colors)}.btn:hover{background-color:var(--hover)}