@font-face {
  font-family: 'Pogonia';
  src: url('./pogonia-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;
  --brand-orange-500: #ff7a1a;
  --brand-orange-600: #ff8a2f;
  --brand-orange-700: #ff8b33;
  --brand-black: #0b0b0f;
  --brand-white: #ffffff;
  --neutral-950: #0b0b0f;
  --neutral-900: #111118;
  --neutral-800: #1a1a24;
  --neutral-700: #2a2a36;
  --neutral-500: #6b6b7a;
  --neutral-300: #c9c9d2;
  --neutral-100: #f3f3f6;
  --success: #16824f;
  --warning: #c37c0a;
  --danger: #cf3f3d;
  --info: #ff8a2f;
  --success-soft: #e7f6ee;
  --warning-soft: #fff1d8;
  --danger-soft: #ffebea;
  --info-soft: #fff0e0;
  --orange-soft: #fff0e0;
  --font-display: 'Pogonia', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Segoe UI', 'Helvetica Neue', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-pogonia: var(--font-display);
  --font-sans: var(--font-body);
  --font-heading: var(--font-display);
  --default-font-family: var(--font-body);
  --qore-orange: var(--brand-orange-500);
  --qore-orange-hover: var(--brand-orange-600);
  --qore-orange-soft: var(--orange-soft);
  --qore-black: var(--brand-black);
  --qore-charcoal: #17171f;
  --qore-ink: #19181f;
  --qore-muted: #615b55;
  --qore-subtle: #857d76;
  --qore-border: #ece4db;
  --qore-border-strong: #d6ccc1;
  --qore-surface: #ffffff;
  --qore-surface-raised: #ffffff;
  --qore-background: #ffffff;
  --qore-success: var(--success);
  --qore-success-soft: var(--success-soft);
  --qore-warning: var(--warning);
  --qore-warning-soft: var(--warning-soft);
  --qore-danger: var(--danger);
  --qore-danger-soft: var(--danger-soft);
  --qore-info: var(--info);
  --qore-info-soft: var(--info-soft);
  --radius-sm: 0.35rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-2xl: 2rem;
  --shadow-card: 0 20px 40px rgba(20, 23, 28, 0.08);
  --shadow-command: 0 28px 70px rgba(13, 14, 18, 0.18);
}

@media (min-width: 1024px) {
  html {
    font-size: 13px;
  }
}

body,
input,
select,
textarea,
button {
  font-family: var(--font-body);
}