/* Flaught — generated from tokens.json */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,100..900&display=swap");

:root, [data-theme="light"] {
  --ember: #FF4F00;
  --ember-action: #D24100;
  --ember-hover: #B83700;
  --ember-press: #A83200;
  --on-ember: #FFFFFF;
  --surface: #F5F1EA;
  --surface-raised: #FFFFFF;
  --text: #111111;
  --text-hover: #2B2B2B;
  --on-text: #F5F1EA;
  --muted: #4A4743;
  --accent-text: #A83200;
  --rule: #D9D2C5;
  --field-line: #4A4743;
  --focus: #111111;
  --success: #255B3A;
  --danger: #9B1C31;
  --on-status: #FFFFFF;
  --success-text: #255B3A;
  --danger-text: #9B1C31;
  --paper: #F5F1EA;
  --ink: #111111;
  --forge: #0E0E0E;
  --slate: #4A4743;
  --chart-1: #D24100;
  --chart-2: #111111;
  --chart-3: #2F6690;
  --chart-4: #7A7368;
}
[data-theme="dark"] {
  --surface: #0E0E0E;
  --surface-raised: #1C1C1C;
  --text: #F5F1EA;
  --text-hover: #D9D3C8;
  --on-text: #0E0E0E;
  --muted: #A8A8A8;
  --accent-text: #FF6A26;
  --rule: #3A3A3A;
  --field-line: #8A8A8A;
  --focus: #F5F1EA;
  --success-text: #6CC08B;
  --danger-text: #FF8A9A;
  --chart-1: #FF6A26;
  --chart-2: #F5F1EA;
  --chart-3: #6FA8DC;
  --chart-4: #A8A8A8;
}
:root {
  --space-half: 4px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-12: 96px;
  --space-16: 128px;
  --radius-none: 0px;
  --radius-icon: 22.5%;
  --border-rule: 1px;
  --border-top: 2px;
  --border-focus: 2px;
  --beam-angle: 28deg;
  --font-display: "Archivo", system-ui, sans-serif;
  --font-sans: "Archivo", system-ui, sans-serif;
}
.display { font-family: var(--font-display); font-size: 88px; line-height: 84px; font-weight: 800; letter-spacing: -0.03em; font-stretch: 125%; }
.h1 { font-family: var(--font-display); font-size: 56px; line-height: 56px; font-weight: 800; letter-spacing: -0.03em; font-stretch: 125%; }
.h2 { font-family: var(--font-display); font-size: 40px; line-height: 42px; font-weight: 800; letter-spacing: -0.025em; font-stretch: 125%; }
.h3 { font-family: var(--font-display); font-size: 24px; line-height: 28px; font-weight: 800; letter-spacing: -0.015em; font-stretch: 125%; }
.body-lg { font-family: var(--font-sans); font-size: 20px; line-height: 30px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 13px; line-height: 20px; font-weight: 400; }
.button { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 700; }
.label { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; }