/* GENERATED from tokens.json by build-tokens.ps1. Do not edit by hand. */
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;500;600&family=Tiro+Bangla&display=swap');

:root {
  color-scheme: light;
  --c-ink: #000000;
  --c-text: #212529;
  --c-muted: #6F6F6F;
  --c-faint: #A6A6A6;
  --c-page: #FFFFFF;
  --c-surface: #FAFAFA;
  --c-quiet: #F0F0F0;
  --c-line: #E6E6E6;
  --c-line-strong: #000000;
  --c-on-ink: #FFFFFF;
  --c-active: #E63946;
  --c-link: #0678D0;
  --c-present: #2E8B57;
  --c-late: #B98B00;
  --c-absent: #E63946;
  --c-leave: #0678D0;
  --c-site: #2C3E8F;
  --c-holiday: #A6A6A6;
  --c-focus: #0678D0;
  --c-overlay: rgba(0,0,0,0.7);
  --nav-red: #FF0000;
  --nav-blue: #0678D0;
  --nav-yellow: #F4CF0D;
  --nav-green: #2E8B57;
  --font-family: Arimo, "Tiro Bangla", system-ui, sans-serif;
  --font-family-bn: "Tiro Bangla", Arimo, sans-serif;
  --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-strong: 600;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 16px;
  --text-lg: 20px;
  --text-xl: 28px;
  --text-2xl: 40px;
  --text-leading-tight: 1.2;
  --text-leading: 1.5;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --line: 1px;
  --line-input: 1.5px;
  --radius: 0px;
  --radius-pill: 999px;
  --dot: 8px;
  --icon: 20px;
  --icon-stroke: 1.25;
  --tap: 44px;
  --control: 40px;
  --header: 60px;
  --tabbar: 64px;
  --container: 1320px;
  --gutter: 24px;
  --page-pad: 16px;
  --page-pad-lg: 32px;
  --motion-fast: 150ms;
  --motion-base: 250ms;
  --motion-ease: ease-out;
}

/* Dark: follows the device unless the page sets data-theme="light". */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --c-ink: #FFFFFF;
    --c-text: #E6E6E6;
    --c-muted: #A3A3A3;
    --c-faint: #6B6B6B;
    --c-page: #121212;
    --c-surface: #1C1C1C;
    --c-quiet: #242424;
    --c-line: #3A3A3A;
    --c-line-strong: #E6E6E6;
    --c-on-ink: #121212;
    --c-active: #FF5A5A;
    --c-link: #5AA9FF;
    --c-present: #4CB57F;
    --c-late: #E0B23A;
    --c-absent: #FF5A5A;
    --c-leave: #5AA9FF;
    --c-site: #8A9BE6;
    --c-holiday: #6B6B6B;
    --c-focus: #5AA9FF;
    --c-overlay: rgba(0,0,0,0.75);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --c-ink: #FFFFFF;
  --c-text: #E6E6E6;
  --c-muted: #A3A3A3;
  --c-faint: #6B6B6B;
  --c-page: #121212;
  --c-surface: #1C1C1C;
  --c-quiet: #242424;
  --c-line: #3A3A3A;
  --c-line-strong: #E6E6E6;
  --c-on-ink: #121212;
  --c-active: #FF5A5A;
  --c-link: #5AA9FF;
  --c-present: #4CB57F;
  --c-late: #E0B23A;
  --c-absent: #FF5A5A;
  --c-leave: #5AA9FF;
  --c-site: #8A9BE6;
  --c-holiday: #6B6B6B;
  --c-focus: #5AA9FF;
  --c-overlay: rgba(0,0,0,0.75);
}

/* Breakpoints (CSS variables cannot be used inside @media):
   sm = 576px
   md = 768px
   lg = 992px
   xl = 1200px
   xxl = 1400px
*/