/* Nook — design tokens */

*,
*::before,
*::after {
    box-sizing: border-box;
}

:root {
    font-size: 62.5%;
    --color-text: #1a1a1a;
    --color-bg: #fff;
    --color-muted: #71717a;
    --color-sidebar-bg: #1a1a1a;
    --color-sidebar-text: rgba(255, 255, 255, 0.88);
    --color-sidebar-hover: #2a2a2a;
    --color-sidebar-active: #333;
    --color-panel-bg: #fff;
    --color-panel-text: #1a1a1a;
    --color-panel-hover: #f4f4f5;
    --color-panel-active: #e4e4e7;
    --color-panel-border: #e4e4e7;
    --color-accent: #6366f1;
    --color-highlight: #e9d985;
    --color-highlight-text: #000;
    --color-highlight-text: contrast-color(var(--color-highlight));
    --font-sans: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

body {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 1.6rem;
    line-height: 1.5;
    color: var(--color-text);
    background: var(--color-bg);
}