:root{--color-primary: #1a1a2e;--color-primary-light: #2a2a3e;--color-primary-dark: #0f0f1e;--color-accent: #d4a574;--color-accent-light: #e0b98a;--color-accent-dark: #b88a5a;--font-heading: "DM Serif Display", Georgia, serif;--font-body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", "Fira Code", monospace;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-card: 0px 1px 3px rgba(26, 26, 46, .08);--shadow-hover: 0px 4px 12px rgba(26, 26, 46, .12);--transition-base: all .2s ease-in-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);line-height:1.6;min-height:100vh;background-color:#f5f3f0;color:#1a1a2e}body.dark-mode{background-color:#0f0f1e;color:#e5e7eb}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease-in-out}a:hover{color:var(--color-accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1a1a2e33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1a1a2e59}::selection{background:#d4a5744d;color:inherit}