/*
 * Sheets — 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 {
    --sheets-bg: #0b0e15;
    --sheets-ink: #e8e8ee;
}

* {
    box-sizing: border-box;
}

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

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

#sheets-root {
    height: 100vh;
}

/* The light theme's page frame (the components follow `html[data-theme]` through the shared kit). */
html[data-theme="light"] {
    --sheets-bg: #f6f7f9;
    --sheets-ink: #15171c;
}