:root {
    --color-orange-50:  254 247 241;  /* #FEF7F1 */
    --color-orange-100: 242 223 200;  /* #F2DFC8 – copper-light */
    --color-orange-200: 238 203 170;  /* #EECBAA */
    --color-orange-300: 227 174 130;  /* #E3AE82 */
    --color-orange-400: 214 145 92;   /* #D6915C */
    --color-orange-500: 201 122 61;   /* #C97A3D – copper, hlavní barva */
    --color-orange-600: 173 101 48;   /* #AD6530 – copper-deep */
    --color-orange-700: 143 79 36;    /* #8F4F24 */
    --color-orange-800: 116 61 27;    /* #743D1B */
    --color-orange-900: 93 46 20;     /* #5D2E14 */
    --color-orange-950: 52 24 9;      /* #341809 */
}

@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}

h1, h2, h3, .font-grotesk {
    font-family: 'Space Grotesk', 'Inter', Arial, sans-serif;
}

[x-cloak] { display: none !important; }