/*
 * Mesh — standalone shell styling.
 *
 * Only the page frame lives here; every component paints its own scoped styles
 * via `@Are.Styles`, so the standalone build looks like the app framed in the
 * ADAAS OS windows.
 */

:root {
    --mesh-bg: #0b0e15;
    --mesh-ink: #e8e8ee;
}

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    background:
        radial-gradient(1200px 600px at 80% -10%, rgba(45, 212, 191, 0.10), transparent 60%),
        radial-gradient(900px 500px at 0% 110%, rgba(139, 92, 246, 0.10), transparent 55%),
        var(--mesh-bg);
    color: var(--mesh-ink);
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

#mesh-root {
    height: 100vh;
}