@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
:root {
color-scheme: light;
--paper: #FAF8F5;
--surface: #FFFFFF;
--surface-2: #F7F4F0;
--surface-3: #F6F2ED;
--ink: #1B1714;
--ink-2: #3A332D;
--body: #4A423B;
--muted: #6E655C;
--faint: #978C81;
--hairline: #ECE6DE;
--hairline-2: #E9E3DB;
--accent: #6B4DFF;
--accent-2: #5938E8;
--accent-soft: #F0ECFF;
--accent-line: #DDD3FF;
--accent-ghost: #C9BEF6;
--ok: #1F9D57;
--ok-soft: #E7F4EC;
--warn: #B5730F;
--warn-soft: #FBF1DE;
--shade: #1B1714;
--shade-2: #2C2722;
--shade-ink: #E7E1DA;
--shade-muted: #A99E93;
--shade-faint: #8A817A;
}
::selection {
background: var(--accent-line);
color: var(--ink);
}
html {
font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
}