@font-face {
  font-family: Inter;
  src: url("../fonts/inter-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url("../fonts/inter-latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url("../fonts/inter-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: Newsreader;
  src: url("../fonts/newsreader-latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
:root {
  color-scheme: light;
  --color-bg-app: #f7f9fc;
  --color-bg-soft: #f2f5fa;
  --color-surface: #ffffff;
  --color-surface-subtle: #fafbfd;
  --color-surface-hover: #f5f7fb;
  --color-midnight-950: #08111f;
  --color-midnight-900: #0d1726;
  --color-midnight-850: #111d2e;
  --color-midnight-800: #16243a;
  --color-text-primary: #151a25;
  --color-text-secondary: #667085;
  --color-text-muted: #8c96a8;
  --color-text-disabled: #b6bec9;
  --color-text-on-dark: #f7f9fc;
  --color-text-on-dark-secondary: #aeb8c8;
  --color-border-subtle: #e7ebf2;
  --color-border-default: #dde3ec;
  --color-border-strong: #cbd3df;
  --color-brand-blue: #4776ff;
  --color-brand-primary: #5b5ff6;
  --color-brand-iris: #785cf6;
  --color-brand-violet: #8667f5;
  --color-brand-cyan: #45bfe5;
  --brand-gradient: linear-gradient(
    135deg,
    #4776ff 0%,
    #5b5ff6 52%,
    #7c5cf6 100%
  );
  --color-success: #179b68;
  --color-success-soft: #eaf8f2;
  --color-warning: #c98a21;
  --color-warning-soft: #fff7e7;
  --color-error: #d84a5a;
  --color-error-soft: #fdedef;
  --color-info: #4776ff;
  --color-info-soft: #eef2ff;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --radius-input: 10px;
  --radius-card: 14px;
  --radius-feature: 16px;
  --shadow-card:
    0 1px 2px rgba(16, 24, 40, 0.04), 0 4px 12px rgba(16, 24, 40, 0.04);
  --shadow-elevated: 0 8px 24px rgba(16, 24, 40, 0.08);
  --shadow-modal: 0 20px 50px rgba(16, 24, 40, 0.16);
  --font-ui: Inter, system-ui, -apple-system, sans-serif;
  --font-display: Newsreader, Georgia, serif;
}