:root {
            --bg: #f5f1e9;
            --paper: #fffdf9;
            --paper-strong: #ffffff;
            --text-main: #2f2b24;
            --text-soft: #6f6658;
            --line: #e4dbce;
            --line-soft: #ece4d8;
            --accent: #6f4e37;
            --accent-hover: #5a3f2e;
            --accent-soft: #efe4d8;
            --shadow: 0 18px 40px rgba(40, 28, 18, 0.08);
            --shadow-soft: 0 14px 30px rgba(107, 61, 24, 0.07);
            --shadow-float: 0 18px 36px rgba(31, 22, 15, 0.14);
            --motion-soft: cubic-bezier(0.22, 1, 0.36, 1);
        }

        * {
            box-sizing: border-box;
        }
        html {
            width: 100%;
            max-width: 100%;
            -webkit-text-size-adjust: 100%;
            text-size-adjust: 100%;
            overflow-x: hidden;
        }

        body {
            margin: 0;
            font-size: 16px;
            font-family: Manrope, Prompt, system-ui, -apple-system, sans-serif;
            color: var(--text-main);
            background:
                radial-gradient(circle at 10% 5%, #fff8ed 0%, rgba(255, 248, 237, 0) 36%),
                radial-gradient(circle at 90% 90%, #efe6d9 0%, rgba(239, 230, 217, 0) 40%),
                var(--bg);
            overflow-x: hidden;
            width: 100%;
            max-width: 100%;
            min-height: 100dvh;
            -webkit-font-smoothing: antialiased;
            text-rendering: optimizeLegibility;
        }