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

@font-face {
  font-family: 'Satoshi';
  src: url('./satoshi/Satoshi-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi';
  src: url('./satoshi/Satoshi-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi';
  src: url('./satoshi/Satoshi-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi';
  src: url('./satoshi/Satoshi-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi';
  src: url('./satoshi/Satoshi-Black.woff2') format('woff2');
  font-weight: 900;
  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', 'Satoshi', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Satoshi', 'Segoe UI', 'Helvetica Neue', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-pogonia: var(--font-display);
  --font-sans: var(--font-body);
  --font-heading: 'Satoshi', var(--font-display);
  --default-font-family: var(--font-body);
  --qore-copy-primary-size: 1rem;
  --qore-copy-secondary-size: 0.9375rem;
  --qore-label-size: 0.8125rem;
  --qore-badge-size: 0.8125rem;
  --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: 16px;
  }
}

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

.text-xs,
[class*="text-[10px]"],
[class*="text-[11px]"],
[class*="text-[0.58rem]"],
[class*="text-[0.6rem]"],
[class*="text-[0.625rem]"],
[class*="text-[0.65rem]"],
[class*="text-[0.68rem]"],
[class*="text-[0.7rem]"],
[class*="text-[0.72rem]"],
[class*="text-[0.74rem]"],
[class*="text-[0.75rem]"],
[class*="text-[0.78rem]"],
[class*="text-[0.8rem]"] {
  font-size: var(--qore-label-size) !important;
  line-height: 1.35 !important;
}

.text-sm {
  font-size: var(--qore-copy-secondary-size) !important;
  line-height: 1.5 !important;
}

:where(.uppercase, [class*="uppercase"]):where(.text-xs, [class*="text-[10px]"], [class*="text-[11px]"], [class*="text-[0."]) {
  letter-spacing: 0.08em !important;
}