/* fry shell v1 tokens - values extracted from fry.farm (src/style/base/_reset.scss, tailwind.config.js, computed styles 2026-09-29). */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@font-face {
  font-family: 'Apex Mk2';
  src: url('../../assets/fonts/apex-mk2.regular.otf');
}
:root {
  /* surfaces + text (light) */
  --fry-bg-primary: #f9fafe;
  --fry-bg-secondary: #f5f5f5;
  --fry-bg-card: #ffffff;
  --fry-bg-card-hover: #f0f0f0;
  --fry-text-primary: #2b2b2b;
  --fry-text-secondary: #808080;
  --fry-text-heading: #222541;
  --fry-border-color: #e0e0e0;
  --fry-shadow-color: rgba(0, 60, 82, 0.1);
  --fry-input-bg: #f5f5f5;
  --fry-input-text: #000000;
  --fry-input-placeholder: #c0c0c0;
  --fry-modal-bg: #ffffff;
  --fry-scrollbar-track: #dedddd;
  /* brand palette (tailwind theme.extend.colors) */
  --fry-color-primary: #202224;
  --fry-color-black: #2b2b2b;
  --fry-color-red: #fd0000;
  --fry-color-dark-red: #ff0000;
  --fry-color-secondary: #de0308;
  --fry-color-heading: #222541;
  --fry-color-text: #808080;
  --fry-color-green: #08a700;
  --fry-color-link: #337ffb;
  --fry-color-gray: #f5f5f5;
  --fry-color-med-gray: #606060;
  --fry-color-neon: #00b69b;
  --fry-color-pending: #f7931a;
  --fry-gradient-primary: linear-gradient(318deg, #fd0000 26.88%, #ff9292 105.85%);
  /* fonts */
  --fry-font-body: Roboto, sans-serif;
  --fry-font-display: 'Apex Mk2', sans-serif;
  --fry-font-size-small: 14px;
  --fry-font-size-medium: 16px;
  --fry-font-size-large: 18px;
  --fry-font-size-elarge: 20px;
  /* radii */
  --fry-radius-md: 6px;
  --fry-radius-lg: 8px;
  --fry-radius-full: 9999px;
  /* spacing (4 px scale as used by the header) */
  --fry-space-1: 4px;
  --fry-space-2: 8px;
  --fry-space-3: 12px;
  --fry-space-4: 16px;
  --fry-space-5: 20px;
  --fry-space-10: 40px;
  /* shadows */
  --fry-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  /* header geometry */
  --fry-header-height: 124px;
  --fry-header-height-mobile: 87px;
  --fry-header-logo-height: 97px;
  --fry-header-logo-height-mobile: 67px;
  --fry-breakpoint-mobile: 1024px;
}
.dark,
[data-theme='dark'] {
  --fry-bg-primary: #0f0f0f;
  --fry-bg-secondary: #1a1a1a;
  --fry-bg-card: #1e1e1e;
  --fry-bg-card-hover: #2a2a2a;
  --fry-text-primary: #e0e0e0;
  --fry-text-secondary: #999999;
  --fry-text-heading: #f0f0f0;
  --fry-border-color: #333333;
  --fry-shadow-color: rgba(0, 0, 0, 0.3);
  --fry-input-bg: #2a2a2a;
  --fry-input-text: #e0e0e0;
  --fry-input-placeholder: #666666;
  --fry-modal-bg: #1e1e1e;
  --fry-scrollbar-track: #333333;
}