:root{--color-bg: #1A1A1A;--color-surface: #242424;--color-surface-translucent: rgba(36, 36, 36, .6);--color-header-translucent: rgba(26, 26, 26, .8);--color-menu-bg: rgba(26, 26, 26, .95);--color-text-primary: #EAE6E1;--color-text-secondary: #C0BDB9;--color-text-tertiary: rgba(234, 230, 225, .6);--color-text-inverted: #1A1A1A;--color-accent: #D1B48C;--color-accent-strong: #B9975B;--color-border: rgba(234, 230, 225, .1);--color-border-hover: rgba(234, 230, 225, .2);--color-danger: #F87171;--color-danger-hover: #DC2626;--color-disabled-bg: #4B5563;--color-disabled-text: #9CA3AF}[data-theme=light]{--color-bg: #F9F6F0;--color-surface: #FFFFFF;--color-surface-translucent: rgba(255, 255, 255, .6);--color-header-translucent: rgba(249, 246, 240, .8);--color-menu-bg: rgba(249, 246, 240, .95);--color-text-primary: #3D3D3D;--color-text-secondary: #575757;--color-text-tertiary: #858585;--color-text-inverted: #F9F6F0;--color-accent: #B18C52;--color-accent-strong: #9C7A48;--color-border: #DCD9D4;--color-border-hover: #C9C5BF;--color-danger: #EF4444;--color-danger-hover: #DC2626;--color-disabled-bg: #E5E7EB;--color-disabled-text: #9CA3AF}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text-primary);transition:background-color .5s ease,color .5s ease;font-size:16px;margin:0;padding:0}@media (max-width: 640px){body{font-size:14px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-accent-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}#root{min-height:100vh;display:flex;flex-direction:column}.min-h-screen{min-height:100vh}.flex-grow{flex-grow:1}.bg-\[var\(--color-bg\)\]{background-color:var(--color-bg)}.text-\[var\(--color-text-primary\)\]{color:var(--color-text-primary)}