@font-face {
  font-family: 'Bas Material Icons'; font-style: normal; font-weight: 400;
  src: url('../../assets/material-icons.ttf') format('truetype'); font-display: block;
}
:root {
  color-scheme: light;
  --bas-background: #f5f7f6;
  --bas-surface: #ffffff;
  --bas-surface-soft: #f0f4f2;
  --bas-text: #202e28;
  --bas-muted: #626f68;
  --bas-border: #dce4df;
  --bas-accent: #216b50;
  --bas-accent-hover: #18533d;
  --bas-accent-soft: #e7f2eb;
  --bas-on-accent: #ffffff;
  --bas-danger: #ab3434;
  --bas-danger-soft: #fff0f0;
  --bas-warning: #85591a;
  --bas-warning-soft: #fff6e6;
  --bas-info: #285f97;
  --bas-info-soft: #edf5ff;
  --bas-focus: #3c886e;
  --bas-radius: 10px;
  --bas-font: Inter, 'Segoe UI', system-ui, sans-serif;
  --bas-shadow: 0 14px 50px #112d2215;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    color-scheme: dark;
    --bas-background: #131a17; --bas-surface: #1b2420; --bas-surface-soft: #222e27;
    --bas-text: #e4ece6; --bas-muted: #a0b1a6; --bas-border: #344139;
    --bas-accent: #93d5ad; --bas-accent-hover: #b2e5c5; --bas-accent-soft: #253e2f;
    --bas-on-accent: #14271d; --bas-danger: #f2a3a3; --bas-danger-soft: #3c2525;
    --bas-warning: #e8c184; --bas-warning-soft: #362f21; --bas-info: #a0c7ed;
    --bas-info-soft: #233143; --bas-focus: #93d5ad; --bas-shadow: 0 14px 50px #00000045;
  }
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --bas-background: #131a17; --bas-surface: #1b2420; --bas-surface-soft: #222e27;
  --bas-text: #e4ece6; --bas-muted: #a0b1a6; --bas-border: #344139;
  --bas-accent: #93d5ad; --bas-accent-hover: #b2e5c5; --bas-accent-soft: #253e2f;
  --bas-on-accent: #14271d; --bas-danger: #f2a3a3; --bas-danger-soft: #3c2525;
  --bas-warning: #e8c184; --bas-warning-soft: #362f21; --bas-info: #a0c7ed;
  --bas-info-soft: #233143; --bas-focus: #93d5ad; --bas-shadow: 0 14px 50px #00000045;
}