/*
 * Automation Center — document shell. Component looks live in each ARE
 * component's `@Are.Styles`. NO SCROLL: the app lives inside 100vh.
 */

:root {
    --accent: #F59E0B;
    --bg: #0b0b12;
    --panel: #12121c;
    --ink: #e9e9f2;
    --font-display: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-body: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-script: 'Caveat', 'Segoe Script', cursive;
    --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
    --ink-strong: #ffffff;
    --ink-dim: rgba(233, 233, 242, 0.62);
    --ink-faint: rgba(233, 233, 242, 0.42);
    --line: rgba(255, 255, 255, 0.08);
    --line-strong: rgba(255, 255, 255, 0.16);
    --surface: rgba(255, 255, 255, 0.03);
    color-scheme: dark;
}

/* Light theme (same key as the ADAAS OS: html[data-theme="light"]). */
html[data-theme="light"] {
    --bg: #fafbfc;
    --panel: #ffffff;
    --ink: #17171a;
    --ink-strong: #0a0a0c;
    --ink-dim: rgba(20, 20, 28, 0.66);
    --ink-faint: rgba(20, 20, 28, 0.46);
    --line: rgba(20, 20, 28, 0.10);
    --line-strong: rgba(20, 20, 28, 0.18);
    --surface: rgba(20, 20, 28, 0.03);
    color-scheme: light;
}

* {
    box-sizing: border-box;
}

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

body {
    height: 100vh;
    overflow: hidden;
    background: var(--bg);
    color: var(--ink);
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}