/* Base for every page of the app (dashboard, sign-in, marketing). The
   builder's tokens: design/tokens.css (imported before this by each entry). */
@layer base {
    * {
        box-sizing: border-box;
    }

    /* hidden always hides, whatever display a class sets */
    [hidden] {
        display: none !important;
    }

    html {
        overflow-x: hidden; /* Some mobile browsers scroll on html instead of body */
    }

    body {
        margin: 0;
        font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
        font-size: 16px;
        line-height: 1.5;
        color: var(--text);
        background: var(--surface-1);
        overflow-x: hidden; /* Prevent horizontal scroll in responsive layouts */
    }
}