/* owltock design tokens */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap');

:root {
    --ot-midnight: #0f1b2d;
    --ot-dusk: #1e3354;
    --ot-amber: #f5a524;
    --ot-amber-text: #a86200;
    --ot-mist: #f3f5f8;
    --ot-paper: #ffffff;
    --ot-slate: #4a5568;
    --ot-line: #d5dce5;
    --ot-status-upcoming-bg: #eef1f5;
    --ot-status-upcoming-fg: #3b4657;
    --ot-status-due-soon-bg: #fdefd3;
    --ot-status-due-soon-fg: #7a4a00;
    --ot-status-overdue-bg: #c2410c;
    --ot-status-overdue-fg: #ffffff;
    --ot-status-done-bg: #e3ebfd;
    --ot-status-done-fg: #1e3a8a;
    --ot-font-display: 'Bricolage Grotesque', 'IBM Plex Sans', system-ui, sans-serif;
    --ot-font-body: 'IBM Plex Sans', system-ui, sans-serif;
    --ot-font-mono: 'IBM Plex Mono', ui-monospace, monospace;
    --ot-radius-sm: 8px;
    --ot-radius-md: 12px;
    --ot-radius-lg: 20px;
    --ot-radius-xl: 28px;
    --ot-radius-pill: 999px;
}