/*
 * Knowledge — base document styles.
 *
 * The component-level look (rail, chips, hairline lists, hits) is set inside
 * each ARE component via `@Are.Styles`. This file only owns the document shell:
 * full-viewport, no-scroll canvas + design tokens. NO SCROLL anywhere; the whole
 * app lives inside 100vh and only inner lists scroll.
 */

:root {
    --accent: #0EA5A4;
    --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;
}

html[data-theme="light"] {
    --bg: #f6f4f1;
    --panel: #ffffff;
    --ink: #2a2a33;
    --ink-strong: #111118;
    --ink-dim: rgba(20, 20, 28, 0.64);
    --ink-faint: rgba(20, 20, 28, 0.44);
    --line: rgba(20, 20, 28, 0.08);
    --line-strong: rgba(20, 20, 28, 0.16);
    --surface: rgba(20, 20, 28, 0.025);
}

* {
    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;
}

/* Thin, unobtrusive scrollbars for the inner lists only. */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background: rgba(127, 127, 140, 0.24);
    border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.2);
}