@font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(./fonts/nunito-sans-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url(./fonts/nunito-sans-latin-500-normal.woff2) format('woff2'); }
@font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(./fonts/nunito-sans-latin-600-normal.woff2) format('woff2'); }
@font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(./fonts/nunito-sans-latin-700-normal.woff2) format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(./fonts/jetbrains-mono-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(./fonts/jetbrains-mono-latin-500-normal.woff2) format('woff2'); }

:root {
    color-scheme: dark;

    --bg: #0d0d0d;
    --side: #121212;
    --row: #181818;
    --row-hover: #1b1b1b;
    --row-open: #1d1d1d;
    --field: #1c1c1c;
    --field-hi: #252525;
    --field-hover: #1e1e1e;
    --popover: #161616;
    --hair: #1e1e1e;
    --hair-hi: #2a2a2a;
    --hair-strong: #3d3d3d;
    --hair-hover: #353535;
    --outline: #2e2e2e;
    --outline-hover: #5e5e5e;
    --window-outline: #202020;
    --side-divider: #232323;
    --scrim: rgba(5, 5, 5, .54);

    --accent: #ff5a2e;
    --accent-hi: #ff7047;
    --accent-wash: #421e14;
    --accent-wash-hi: #562417;
    --accent-line: #c34726;
    --accent-line-hi: #e55029;
    --accent-faint: #2f1812;
    --nav-hover: #252525;
    --nav-on: #462218;
    --nav-on-line: #c44827;
    --danger-line: #e03a2e;
    --danger-wash: #5a1a16;
    --ok: #3fd97f;
    --ok-wash: #12301f;
    --err: #ff5a5a;
    --warn: #e0b36b;
    --warn-wash: #3a2c14;
    --track: #2e2e2e;
    --track-hover: #474747;
    --ring-off: #3f3f3f;

    --text: #ffffff;
    --dim: #8e8e8e;
    --dimmer: #6a6a6a;
    --name-off: #7c7c7c;
    --desc-off: #5a5a5a;
    --desc-on: #cac0bd;
    --on-accent: #0d0d0d;

    --kind-decision: #ff5a2e;
    --kind-fact: #ffa985;
    --kind-project: #ffb08a;
    --kind-solution: #8dbfa8;
    --kind-tool: #9ccf8f;
    --kind-session: #849da9;
    --kind-task: #ddc594;
    --kind-code: #77777e;
    --kind-preference: #e0b36b;

    --font: 'Nunito Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;

    --r-card: 22px;
    --r-pill: 999px;
    --r-field: 13px;
    --r-auth-field: 16px;
    --r-tip: 12px;
    --r-row: 8px;
    --r-window: 25px;
    --b-card: 2px;
    --b-hair: 1px;

    --shadow-window: 0 0 20px rgba(0, 0, 0, .25);
    --shadow-float: 0 24px 80px rgba(0, 0, 0, .55), 0 0 0 1px var(--window-outline);
    --halo: 0 0 0 3px rgba(255, 90, 46, .18);

    --rail: 64px;
    --topbar: 71px;
    --search-w: 380px;
    --search-h: 39px;
    --nav-h: 40px;
    --side-w: 232px;

    --ease-smooth: cubic-bezier(.22, .61, .36, 1);
    --ease-page: cubic-bezier(.22, .61, .36, 1);
    --ease-snappy: cubic-bezier(.2, .8, .3, 1);
    --ease-pop: cubic-bezier(.34, 1.3, .64, 1);
    --ease-close: cubic-bezier(.4, 0, .6, 1);
    --ease-fast: cubic-bezier(.25, .8, .25, 1);
    --ease-out-quart: cubic-bezier(.25, 1, .5, 1);
    --ease-out-cubic: cubic-bezier(.33, 1, .68, 1);
    --dur-smooth: 550ms;
    --dur-page: 492ms;
    --dur-snappy: 442ms;
    --dur-pop: 617ms;
    --dur-close: 317ms;
    --dur-fast: 246ms;
    --dur-open: 400ms;
    --dur-close-cut: 260ms;
    --stagger-row: 22ms;
}