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

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

@font-face {
  font-family: 'Big Shoulders';
  src: url('fonts/BigShoulders_700Bold.ttf') format('truetype');
  font-weight: 700;
  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: #181B21;
  --color-surface: #22262E;
  --color-surface-elevated: #2C313B;
  --color-surface-sunken: #13161B;
  --color-border: #353C47;
  --color-border-strong: #505A69;
  --color-text-primary: #FFFFFF;
  --color-text-secondary: #B2B8C3;
  --color-text-muted: #9CA5B3;
  --color-accent: #FF6B00;
  --color-accent-pressed: #FF7A1A;
  --color-accent-soft: #33200C;
  --color-meal-heading: #C99A78;
  --color-on-accent: #0D0E11;
  --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;
  --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: 'Big Shoulders', 'Arial Narrow', sans-serif;
  --font-body: 'Manrope', system-ui, sans-serif;
}