/* Design tokens. Manrope is bundled under the SIL Open Font License in /fonts/manrope/. */
@font-face {
    font-family: 'Manrope';
    src: url('/fonts/manrope/manrope-variable.ttf') format('truetype');
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
}

:root {
    color-scheme: light;
    --canvas: #f6f4ed;
    --sidebar: #fffefb;
    --surface: #fffefb;
    --surface-soft: #eeeee5;
    --ink: #202925;
    --muted: #667168;
    --border: #dce0d5;
    --accent: #c34328;
    --on-accent: #fffefb;
    --accent-soft: #f8e9e2;
    --sage: #e5ebdc;
    --sage-ink: #43563d;
    --green: #287447;
    --green-soft: #e9f2e6;
    --warning: #82510e;
    --warning-soft: #f8efda;
    --red: #b33525;
    --red-soft: #f9e8e2;
    --radius: 12px;
    --font:
        'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial,
        sans-serif;
    --mono: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
}

[data-theme='dark'] {
    color-scheme: dark;
    --canvas: #171e1b;
    --sidebar: #1b231f;
    --surface: #202925;
    --surface-soft: #2b3630;
    --ink: #f6f4ed;
    --muted: #b2bdb4;
    --border: #3b493f;
    --accent: #ff947b;
    --on-accent: #202925;
    --accent-soft: #3c2b25;
    --sage: #2c3a2e;
    --sage-ink: #cfdbc0;
    --green: #a7d7ad;
    --green-soft: #263b2c;
    --warning: #efca8e;
    --warning-soft: #3d3323;
    --red: #ffae9a;
    --red-soft: #412c27;
}

:root {
    --duration-fast: 150ms;
    --duration-base: 250ms;
    --duration-slow: 350ms;
    --ease-smooth-out: cubic-bezier(0.22, 1, 0.36, 1);
    --toast-open: 350ms;
    --toast-close: 250ms;
    --toast-distance: 16px;
    --toast-blur: 2px;
    --toast-scale: 0.97;
    --toast-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

:root {
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-6: 24px;
    --space-8: 32px;
    --radius-control: 8px;
    --radius-panel: 12px;
}