:root {
    --section-about: 50px;
    --section-projects: 0px;
    --section-contact: -49px;
}


@media (prefers-color-scheme: light) {
    html[data-theme="auto"] {
        --md-sys-color-primary: rgb(129 85 18);
        --md-sys-color-surface-tint: rgb(129 85 18);
        --md-sys-color-on-primary: rgb(255 255 255);
        --md-sys-color-primary-container: rgb(255 221 183);
        --md-sys-color-on-primary-container: rgb(42 23 0);
        --md-sys-color-secondary: rgb(112 91 65);
        --md-sys-color-on-secondary: rgb(255 255 255);
        --md-sys-color-secondary-container: rgb(252 222 188);
        --md-sys-color-on-secondary-container: rgb(40 25 5);
        --md-sys-color-tertiary: rgb(83 100 62);
        --md-sys-color-on-tertiary: rgb(255 255 255);
        --md-sys-color-tertiary-container: rgb(214 233 185);
        --md-sys-color-on-tertiary-container: rgb(18 31 3);
        --md-sys-color-error: rgb(186 26 26);
        --md-sys-color-on-error: rgb(255 255 255);
        --md-sys-color-error-container: rgb(255 218 214);
        --md-sys-color-on-error-container: rgb(65 0 2);
        --md-sys-color-background: rgb(255 248 244);
        --md-sys-color-on-background: rgb(33 26 19);
        --md-sys-color-surface: rgb(255 248 244);
        --md-sys-color-on-surface: rgb(33 26 19);
        --md-sys-color-surface-variant: rgb(240 224 208);
        --md-sys-color-on-surface-variant: rgb(80 69 57);
        --md-sys-color-outline: rgb(130 117 104);
        --md-sys-color-outline-variant: rgb(212 196 181);
        --md-sys-color-shadow: rgb(0 0 0);
        --md-sys-color-scrim: rgb(0 0 0);
        --md-sys-color-inverse-surface: rgb(54 47 39);
        --md-sys-color-inverse-on-surface: rgb(252 238 226);
        --md-sys-color-inverse-primary: rgb(247 187 112);
        --md-sys-color-primary-fixed: rgb(255 221 183);
        --md-sys-color-on-primary-fixed: rgb(42 23 0);
        --md-sys-color-primary-fixed-dim: rgb(247 187 112);
        --md-sys-color-on-primary-fixed-variant: rgb(101 62 0);
        --md-sys-color-secondary-fixed: rgb(252 222 188);
        --md-sys-color-on-secondary-fixed: rgb(40 25 5);
        --md-sys-color-secondary-fixed-dim: rgb(223 194 162);
        --md-sys-color-on-secondary-fixed-variant: rgb(87 67 43);
        --md-sys-color-tertiary-fixed: rgb(214 233 185);
        --md-sys-color-on-tertiary-fixed: rgb(18 31 3);
        --md-sys-color-tertiary-fixed-dim: rgb(186 205 159);
        --md-sys-color-on-tertiary-fixed-variant: rgb(60 76 40);
        --md-sys-color-surface-dim: rgb(229 216 204);
        --md-sys-color-surface-bright: rgb(255 248 244);
        --md-sys-color-surface-container-lowest: rgb(255 255 255);
        --md-sys-color-surface-container-low: rgb(255 241 229);
        --md-sys-color-surface-container: rgb(249 236 224);
        --md-sys-color-surface-container-high: rgb(243 230 218);
        --md-sys-color-surface-container-highest: rgb(238 224 212);
        --graph: rgba(255, 238, 217, 0.7);
    }
}

@media (prefers-color-scheme: dark) {
    html[data-theme="auto"] {
        --md-sys-color-primary: rgb(247 187 112);
        --md-sys-color-surface-tint: rgb(247 187 112);
        --md-sys-color-on-primary: rgb(70 42 0);
        --md-sys-color-primary-container: rgb(101 62 0);
        --md-sys-color-on-primary-container: rgb(255 221 183);
        --md-sys-color-secondary: rgb(223 194 162);
        --md-sys-color-on-secondary: rgb(63 45 23);
        --md-sys-color-secondary-container: rgb(87 67 43);
        --md-sys-color-on-secondary-container: rgb(252 222 188);
        --md-sys-color-tertiary: rgb(186 205 159);
        --md-sys-color-on-tertiary: rgb(38 53 20);
        --md-sys-color-tertiary-container: rgb(60 76 40);
        --md-sys-color-on-tertiary-container: rgb(214 233 185);
        --md-sys-color-error: rgb(255 180 171);
        --md-sys-color-on-error: rgb(105 0 5);
        --md-sys-color-error-container: rgb(147 0 10);
        --md-sys-color-on-error-container: rgb(255 218 214);
        --md-sys-color-background: rgb(24 18 12);
        --md-sys-color-on-background: rgb(238 224 212);
        --md-sys-color-surface: rgb(24 18 12);
        --md-sys-color-on-surface: rgb(238 224 212);
        --md-sys-color-surface-variant: rgb(80 69 57);
        --md-sys-color-on-surface-variant: rgb(212 196 181);
        --md-sys-color-outline: rgb(156 142 128);
        --md-sys-color-outline-variant: rgb(80 69 57);
        --md-sys-color-shadow: rgb(0 0 0);
        --md-sys-color-scrim: rgb(0 0 0);
        --md-sys-color-inverse-surface: rgb(238 224 212);
        --md-sys-color-inverse-on-surface: rgb(54 47 39);
        --md-sys-color-inverse-primary: rgb(129 85 18);
        --md-sys-color-primary-fixed: rgb(255 221 183);
        --md-sys-color-on-primary-fixed: rgb(42 23 0);
        --md-sys-color-primary-fixed-dim: rgb(247 187 112);
        --md-sys-color-on-primary-fixed-variant: rgb(101 62 0);
        --md-sys-color-secondary-fixed: rgb(252 222 188);
        --md-sys-color-on-secondary-fixed: rgb(40 25 5);
        --md-sys-color-secondary-fixed-dim: rgb(223 194 162);
        --md-sys-color-on-secondary-fixed-variant: rgb(87 67 43);
        --md-sys-color-tertiary-fixed: rgb(214 233 185);
        --md-sys-color-on-tertiary-fixed: rgb(18 31 3);
        --md-sys-color-tertiary-fixed-dim: rgb(186 205 159);
        --md-sys-color-on-tertiary-fixed-variant: rgb(60 76 40);
        --md-sys-color-surface-dim: rgb(24 18 12);
        --md-sys-color-surface-bright: rgb(64 56 48);
        --md-sys-color-surface-container-lowest: rgb(19 13 7);
        --md-sys-color-surface-container-low: rgb(33 26 19);
        --md-sys-color-surface-container: rgb(37 30 23);
        --md-sys-color-surface-container-high: rgb(48 41 33);
        --md-sys-color-surface-container-highest: rgb(59 51 43);
        --graph: rgba(34, 26, 18, 0.4)
    }
}

html[data-theme="light"] {
    --md-sys-color-primary: rgb(129 85 18);
    --md-sys-color-surface-tint: rgb(129 85 18);
    --md-sys-color-on-primary: rgb(255 255 255);
    --md-sys-color-primary-container: rgb(255 221 183);
    --md-sys-color-on-primary-container: rgb(42, 23, 0);
    --md-sys-color-secondary: rgb(112 91 65);
    --md-sys-color-on-secondary: rgb(255 255 255);
    --md-sys-color-secondary-container: rgb(252 222 188);
    --md-sys-color-on-secondary-container: rgb(40 25 5);
    --md-sys-color-tertiary: rgb(83 100 62);
    --md-sys-color-on-tertiary: rgb(255 255 255);
    --md-sys-color-tertiary-container: rgb(214 233 185);
    --md-sys-color-on-tertiary-container: rgb(18 31 3);
    --md-sys-color-error: rgb(186 26 26);
    --md-sys-color-on-error: rgb(255 255 255);
    --md-sys-color-error-container: rgb(255 218 214);
    --md-sys-color-on-error-container: rgb(65 0 2);
    --md-sys-color-background: rgb(255 248 244);
    --md-sys-color-on-background: rgb(33 26 19);
    --md-sys-color-surface: rgb(255 248 244);
    --md-sys-color-on-surface: rgb(33 26 19);
    --md-sys-color-surface-variant: rgb(240 224 208);
    --md-sys-color-on-surface-variant: rgb(80 69 57);
    --md-sys-color-outline: rgb(130 117 104);
    --md-sys-color-outline-variant: rgb(212 196 181);
    --md-sys-color-shadow: rgb(0 0 0);
    --md-sys-color-scrim: rgb(0 0 0);
    --md-sys-color-inverse-surface: rgb(54 47 39);
    --md-sys-color-inverse-on-surface: rgb(252 238 226);
    --md-sys-color-inverse-primary: rgb(247 187 112);
    --md-sys-color-primary-fixed: rgb(255 221 183);
    --md-sys-color-on-primary-fixed: rgb(42 23 0);
    --md-sys-color-primary-fixed-dim: rgb(247 187 112);
    --md-sys-color-on-primary-fixed-variant: rgb(101 62 0);
    --md-sys-color-secondary-fixed: rgb(252 222 188);
    --md-sys-color-on-secondary-fixed: rgb(40 25 5);
    --md-sys-color-secondary-fixed-dim: rgb(223 194 162);
    --md-sys-color-on-secondary-fixed-variant: rgb(87 67 43);
    --md-sys-color-tertiary-fixed: rgb(214 233 185);
    --md-sys-color-on-tertiary-fixed: rgb(18 31 3);
    --md-sys-color-tertiary-fixed-dim: rgb(186 205 159);
    --md-sys-color-on-tertiary-fixed-variant: rgb(60 76 40);
    --md-sys-color-surface-dim: rgb(229 216 204);
    --md-sys-color-surface-bright: rgb(255 248 244);
    --md-sys-color-surface-container-lowest: rgb(255 255 255);
    --md-sys-color-surface-container-low: rgb(255 241 229);
    --md-sys-color-surface-container: rgb(249 236 224);
    --md-sys-color-surface-container-high: rgb(243 230 218);
    --md-sys-color-surface-container-highest: rgb(238 224 212);
    --graph: rgba(255, 238, 217, 0.7);
}

html[data-theme="dark"] {
    --md-sys-color-primary: rgb(247 187 112);
    --md-sys-color-surface-tint: rgb(247 187 112);
    --md-sys-color-on-primary: rgb(70 42 0);
    --md-sys-color-primary-container: rgb(101 62 0);
    --md-sys-color-on-primary-container: rgb(255 221 183);
    --md-sys-color-secondary: rgb(223 194 162);
    --md-sys-color-on-secondary: rgb(63 45 23);
    --md-sys-color-secondary-container: rgb(87 67 43);
    --md-sys-color-on-secondary-container: rgb(252 222 188);
    --md-sys-color-tertiary: rgb(186 205 159);
    --md-sys-color-on-tertiary: rgb(38 53 20);
    --md-sys-color-tertiary-container: rgb(60 76 40);
    --md-sys-color-on-tertiary-container: rgb(214 233 185);
    --md-sys-color-error: rgb(255 180 171);
    --md-sys-color-on-error: rgb(105 0 5);
    --md-sys-color-error-container: rgb(147 0 10);
    --md-sys-color-on-error-container: rgb(255 218 214);
    --md-sys-color-background: rgb(24 18 12);
    --md-sys-color-on-background: rgb(238 224 212);
    --md-sys-color-surface: rgb(24 18 12);
    --md-sys-color-on-surface: rgb(238 224 212);
    --md-sys-color-surface-variant: rgb(80 69 57);
    --md-sys-color-on-surface-variant: rgb(212 196 181);
    --md-sys-color-outline: rgb(156 142 128);
    --md-sys-color-outline-variant: rgb(80 69 57);
    --md-sys-color-shadow: rgb(0 0 0);
    --md-sys-color-scrim: rgb(0 0 0);
    --md-sys-color-inverse-surface: rgb(238 224 212);
    --md-sys-color-inverse-on-surface: rgb(54 47 39);
    --md-sys-color-inverse-primary: rgb(129 85 18);
    --md-sys-color-primary-fixed: rgb(255 221 183);
    --md-sys-color-on-primary-fixed: rgb(42 23 0);
    --md-sys-color-primary-fixed-dim: rgb(247 187 112);
    --md-sys-color-on-primary-fixed-variant: rgb(101 62 0);
    --md-sys-color-secondary-fixed: rgb(252 222 188);
    --md-sys-color-on-secondary-fixed: rgb(40 25 5);
    --md-sys-color-secondary-fixed-dim: rgb(223 194 162);
    --md-sys-color-on-secondary-fixed-variant: rgb(87 67 43);
    --md-sys-color-tertiary-fixed: rgb(214 233 185);
    --md-sys-color-on-tertiary-fixed: rgb(18 31 3);
    --md-sys-color-tertiary-fixed-dim: rgb(186 205 159);
    --md-sys-color-on-tertiary-fixed-variant: rgb(60 76 40);
    --md-sys-color-surface-dim: rgb(24 18 12);
    --md-sys-color-surface-bright: rgb(64 56 48);
    --md-sys-color-surface-container-lowest: rgb(19 13 7);
    --md-sys-color-surface-container-low: rgb(33 26 19);
    --md-sys-color-surface-container: rgb(37 30 23);
    --md-sys-color-surface-container-high: rgb(48 41 33);
    --md-sys-color-surface-container-highest: rgb(59 51 43);
    --graph: rgba(34, 26, 18, 0.4)
}