@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root {
  color-scheme: light;
  --color-bg: #f5f6f8;
  --rgb-bg: 245 246 248;
  --color-surface: #ffffff;
  --rgb-surface: 255 255 255;
  --color-surface-2: #eef0f4;
  --rgb-surface-2: 238 240 244;
  --color-ink: #0f172a;
  --rgb-ink: 15 23 42;
  --color-ink-2: #475569;
  --rgb-ink-2: 71 85 105;
  --color-faint: #8a94a6;
  --rgb-faint: 138 148 166;
  --color-line: #e3e6ec;
  --rgb-line: 227 230 236;
  --color-primary: #2563eb;
  --rgb-primary: 37 99 235;
  --color-success: #16a34a;
  --rgb-success: 22 163 74;
  --color-danger: #e11d48;
  --rgb-danger: 225 29 72;
  --color-warning: #d97706;
  --rgb-warning: 217 119 6;
  --color-primary-hover: #2055ca;
  --rgb-primary-hover: 32 85 202;
  --color-on-primary: #ffffff;
  --rgb-on-primary: 255 255 255;
  --font-sans: "Inter", system-ui, sans-serif;
  --font-display: "Manrope", system-ui, sans-serif;
  --radius-md: 12px;
  --radius-lg: 20px;
  --shadow-card: 0 1px 2px rgba(15,23,42,.05), 0 6px 20px rgba(15,23,42,.07);
}