/* =========================================
   BASE & RESET
   ========================================= */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: var(--font-family-primary);
    background-color: var(--color-background);
    color: var(--color-text);
    
    
    min-height: 100vh;
    padding-bottom: 80px;
}

body.no-scroll {
    overflow: hidden;
}

.hidden {
    display: none !important;
}

#app-container {
    max-width: 1200px;
    margin: 0 auto;
}

#main-content {
    padding: 0 16px 24px 16px;
}

[data-state="closed"] { display: none !important; }

[data-state="disabled"] { opacity: 0.5;  }

[data-state="error"] { border-color: red; }


button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
}