@font-face {
  font-family: LocalNoto;
  src: url('../assets/fonts/NotoSansSC-subset.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --font-body: LocalNoto, 'Noto Sans SC', sans-serif;
  --font-number: LocalNoto, sans-serif;
  --color-bg: #f4f9fb;
  --color-surface: #ffffff;
  --color-soft: #ecf7f8;
  --color-text: #233c45;
  --color-muted: #5a717a;
  --color-border: #dce9ee;
  --color-primary: #087d88;
  --color-on-primary: #ffffff;
  --color-success: #17745b;
  --color-warning: #946214;
  --color-danger: #b53649;
  --color-disabled: #8c9fa6;
  --color-glass: #ffffffde;
  --color-tint: #dff2f3;
  --color-accent: #a0d9df;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --shadow: 0 8px 28px #326b7c06;
  --duration: 180ms;
  --ease: cubic-bezier(.2,.8,.2,1);
}
[data-theme=dark] {
  --color-bg: #101e25;
  --color-surface: #182b34;
  --color-soft: #203943;
  --color-text: #e9f4f7;
  --color-muted: #a7bfc8;
  --color-border: #34515e;
  --color-primary: #80d8dd;
  --color-on-primary: #12323b;
  --color-success: #73d5ae;
  --color-warning: #efc16f;
  --color-danger: #ff9da9;
  --color-disabled: #7c959f;
  --color-glass: #182b34ed;
  --color-tint: #24434f;
  --color-accent: #397b87;
  --shadow: 0 8px 28px #0000000d;
}