@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url('/fonts/ui.woff2') format('woff2-variations');
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('/fonts/sans.woff2') format('woff2-variations');
}

@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100 800;
  font-display: block;
  src: url('/fonts/mono.woff2') format('woff2-variations');
}

:root {
  --bg: #050607;
  --surface: #101216;
  --surface-2: #181B20;
  --field: #08090B;
  --line: #232833;
  --line-strong: #2E3440;
  --text: #F3F5F8;
  --text-2: #B0B6C0;
  --text-3: #999FAA;
  --accent: #5ED3A0;
  --accent-hi: #8EF2C7;
  --accent-ink: #06281A;
  --accent-soft: #163A2C;
  --ai: #8EAEFF;
  --forge: #EC1B1C;
  --forge-hi: #FF6B5E;
  --forge-ink: #2B0705;
  --forge-text: #FF867B;
  --warn: #F2B65E;
  --warn-soft: #3A2C14;
  --bad: #F28A92;
  --bad-soft: #3D1D22;
  --glass-panel: rgba(13, 15, 19, 0.64);
  --glass-sheen: rgba(255, 255, 255, 0.045);
  --glass-rim: rgba(255, 255, 255, 0.24);
  --glass-rim-low: rgba(255, 255, 255, 0.05);
  --glass-rim-end: rgba(255, 255, 255, 0.12);
  --glass-edge: rgba(255, 255, 255, 0.09);
  --glass-hair: rgba(255, 255, 255, 0.07);
  --glass-hover: rgba(255, 255, 255, 0.05);
  --glass-raised: rgba(255, 255, 255, 0.1);
  --glass-raised-low: rgba(255, 255, 255, 0.05);
  --glass-well: rgba(0, 0, 0, 0.36);
  --glass-stage: rgba(0, 0, 0, 0.42);
  --glass-float: rgba(16, 18, 23, 0.76);
  --glass-float-over: rgba(16, 18, 23, 0.9);
  --glass-select: rgba(94, 211, 160, 0.2);
  --glass-select-low: rgba(94, 211, 160, 0.07);
  --glass-select-line: rgba(94, 211, 160, 0.34);
  --glass-forge-select: rgba(236, 27, 28, 0.2);
  --glass-forge-line: rgba(255, 107, 94, 0.4);
  --glass-forge-select-low: rgba(236, 27, 28, 0.07);
  --glass-scrim: rgba(3, 4, 5, 0.55);
  --spark-white: #FFF3D6;
  --spark-yellow: #FFC24A;
  --spark-orange: #FF7A1C;
  --spark-red: #B8320F;
  --light-mint: rgba(94, 211, 160, 0.14);
  --light-blue: rgba(142, 174, 255, 0.1);
  --light-red: rgba(236, 27, 28, 0.14);
  --chrome: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 14%, #E6E9EE 30%, #A9AFB9 44%, #3D4148 50%, #5D636C 56%, #C7CCD4 66%, #F0D2B6 74%, #FF9A4A 84%, #FF7A1C 100%);
  --light-game: 0.3;
  --light-blur: 48px;
  --light-fade: 900ms;
  --size-display: 68px;
  --weight-display: 600;
  --track-display: -0.045em;
  --lead-display: 1.04;
  --size-section: 40px;
  --weight-section: 600;
  --track-section: -0.035em;
  --lead-section: 1.1;
  --size-card: 17px;
  --weight-card: 600;
  --track-card: -0.015em;
  --lead-card: 1.3;
  --size-lede: 19px;
  --weight-lede: 400;
  --track-lede: -0.005em;
  --lead-lede: 1.55;
  --size-body: 16px;
  --weight-body: 400;
  --track-body: 0;
  --lead-body: 1.6;
  --size-small: 14px;
  --weight-small: 400;
  --track-small: 0;
  --lead-small: 1.55;
  --size-display-sm: 42px;
  --weight-display-sm: 600;
  --track-display-sm: -0.035em;
  --lead-display-sm: 1.08;
  --size-section-sm: 30px;
  --weight-section-sm: 600;
  --track-section-sm: -0.03em;
  --lead-section-sm: 1.15;
  --size-map: 8px;
  --weight-map: 400;
  --track-map: 0.2em;
  --lead-map: 1;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-96: 96px;
  --space-128: 128px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-xxl: 30px;
  --radius-pill: 999px;
  --radius: 14px;
  --shadow-panel: inset 0 1px 0 rgba(255, 255, 255, 0.09), 0 28px 60px -18px rgba(0, 0, 0, 0.8), 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-raised: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 0 0 1px rgba(255, 255, 255, 0.07), 0 4px 14px rgba(0, 0, 0, 0.35);
  --shadow-overlay: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 24px 64px -12px rgba(0, 0, 0, 0.75), 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-well: inset 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.07), 0 1px 0 rgba(255, 255, 255, 0.035);
  --shadow-lit: inset 0 0 0 1px rgba(94, 211, 160, 0.34), 0 0 18px -2px rgba(94, 211, 160, 0.3);
  --shadow-primary: inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -1px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(94, 211, 160, 0.6), 0 10px 28px -8px rgba(94, 211, 160, 0.55);
  --shadow-forge-lit: inset 0 0 0 1px rgba(255, 107, 94, 0.4), 0 0 18px -2px rgba(236, 27, 28, 0.4);
  --shadow-forge-primary: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(236, 27, 28, 0.65), 0 10px 28px -8px rgba(236, 27, 28, 0.6);
  --blur-float: blur(28px) saturate(160%);
  --gutter: 10px;
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E");
  --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23B0B6C0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  --icon-alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
  --icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  --row: 32px;
  --control: 30px;
  --font: 'Geist', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}