/* Generated by scripts/build-website.cjs from constants/colors.ts and constants/typography.ts. */

@font-face {
  font-family: 'Archivo Condensed';
  src: url('fonts/ArchivoCondensed_800ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'Manrope';
  src: url('fonts/Manrope_600SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('fonts/Manrope_700Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-background: #0E0F11;
  --color-surface: #1E1F23;
  --color-surface-elevated: #2C2D32;
  --color-surface-elevated2: #36373D;
  --color-surface-sunken: #17181B;
  --color-surface-deep: #141518;
  --color-surface-sheet: #1A1B1F;
  --color-surface-pressed: #24252A;
  --color-segment-thumb: #3A3B41;
  --color-border: #35373D;
  --color-border-strong: #4A4C53;
  --color-text-primary: #F5F5F7;
  --color-text-secondary: #B4B6BE;
  --color-text-muted: #9A9CA5;
  --color-accent: #FF5B1F;
  --color-accent-pressed: #FF6A33;
  --color-accent-soft: #2C2D32;
  --color-accent-text: #FF7A45;
  --color-meal-heading: #F5F5F7;
  --color-on-accent: #0D0E11;
  --color-media: #000000;
  --color-on-media: #FFFFFF;
  --color-status-good: #34C766;
  --color-status-good-soft: #16301F;
  --color-status-warning: #E6A93C;
  --color-status-warning-soft: #33260F;
  --color-status-critical: #FF6B63;
  --color-status-critical-soft: #331411;
  --color-status-info: #38BDF8;
  --color-status-info-soft: #102A33;
  --color-goal-ok: #32D74B;
  --color-goal-mid: #FFD60A;
  --color-goal-bad: #FF3B5C;
  --marker-normal: #FFFFFF;
  --marker-warm-up: #F4D35E;
  --marker-feeder: #DDB892;
  --marker-top: #FF914D;
  --marker-back-off: #A8B5C8;
  --marker-left: #75BFFF;
  --marker-right: #C4A1FF;
  --marker-failure: #FF7B86;
  --marker-drop-set: #53D8C8;
  --marker-negative: #A8D978;
  --marker-partial-reps: #F2A7D8;
  --marker-myo-reps: #A5B4FC;
  --font-display: 'Manrope', system-ui, sans-serif;
  --font-body: 'Manrope', system-ui, sans-serif;
}