html[data-theme],html[data-theme] *,html[data-theme] *::before,html[data-theme] *::after{transition: background-color 200ms ease,color 200ms ease,border-color 200ms ease,box-shadow 200ms ease} html[data-theme="dark"]{--color-primary: #e8651a;--color-primary-hover: #d45a15;--color-primary-light: rgba(232,101,26,0.15);--color-primary-dark: #c04e10;--color-secondary: #22c55e;--color-secondary-hover: #16a34a;--color-accent: #e8651a;--color-accent-light: rgba(232,101,26,0.1);--color-bg: #0a0a0a;--color-bg-alt: #111111;--color-bg-card: rgba(255,255,255,0.05);--color-bg-input: rgba(255,255,255,0.05);--color-bg-hero: #0a0a0a;--color-text: #ffffff;--color-text-secondary: rgba(255,255,255,0.6);--color-text-muted: rgba(255,255,255,0.4);--color-text-inverse: #0a0a0a;--color-border: rgba(255,255,255,0.1);--color-border-focus: #e8651a;--color-border-light: rgba(255,255,255,0.06);--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #dc2626;--color-shadow: rgba(0,0,0,0.3);--color-shadow-lg: rgba(0,0,0,0.5);--color-overlay: rgba(0,0,0,0.6);--shadow-converter: 0 8px 32px rgba(0,0,0,0.3)} @media (prefers-color-scheme: dark){html:not([data-theme]){--color-primary: #e8651a;--color-primary-hover: #d45a15;--color-primary-light: rgba(232,101,26,0.15);--color-primary-dark: #c04e10;--color-secondary: #22c55e;--color-secondary-hover: #16a34a;--color-accent: #e8651a;--color-accent-light: rgba(232,101,26,0.1);--color-bg: #0a0a0a;--color-bg-alt: #111111;--color-bg-card: rgba(255,255,255,0.05);--color-bg-input: rgba(255,255,255,0.05);--color-bg-hero: #0a0a0a;--color-text: #ffffff;--color-text-secondary: rgba(255,255,255,0.6);--color-text-muted: rgba(255,255,255,0.4);--color-text-inverse: #0a0a0a;--color-border: rgba(255,255,255,0.1);--color-border-focus: #e8651a;--color-border-light: rgba(255,255,255,0.06);--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #dc2626;--color-shadow: rgba(0,0,0,0.3);--color-shadow-lg: rgba(0,0,0,0.5);--color-overlay: rgba(0,0,0,0.6);--shadow-converter: 0 8px 32px rgba(0,0,0,0.3)}} html[data-theme="dark"] .converter__gender-select,html[data-theme="dark"] .converter__activity-select,html[data-theme="dark"] .converter__unit-select,html[data-theme="dark"] .converter__select{color: #f1f5f9;background-color: rgba(255,255,255,0.08);border-color: rgba(255,255,255,0.15)}html[data-theme="dark"] .converter__gender-select option,html[data-theme="dark"] .converter__activity-select option,html[data-theme="dark"] .converter__unit-select option,html[data-theme="dark"] .converter__select option{color: #0f172a;background-color: #ffffff}