:root {
    --z-header: 100;
    --z-mobile-menu: 300;

    --z-payment-modal: 1000;
    --z-progress-modal: 1200;
    --z-about-modal: 1300;

    --transition-fast: 0.2s ease;
    --transition-medium: 0.3s ease;
    --transition-slow: 0.35s ease;

    --accent-color: #56c08d;

    --accent-rgb: 86, 192, 141;

    --accent-soft: rgba(86, 192, 141, 0.08);
    --accent-medium: rgba(86, 192, 141, 0.18);
    --accent-strong: rgba(86, 192, 141, 0.55);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;

    font-family: "Montserrat", Arial, sans-serif;

    background: #111;
    color: #fff;

    overflow-x: hidden;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    text-rendering: optimizeLegibility;
}