/* Сгенерировано из src/styles/global.css; править источник сайта. */
@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-ExtraBold.woff2') format('woff2'),
       url('./fonts/Gilroy-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('./fonts/Montserrat-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('./fonts/Montserrat-Medium.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('./fonts/Montserrat-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-display: swap;
}

:root,
[data-theme='light'] {
  --bg: #F5F5F5;             
  --surface: #FFFFFF;        
  --surface-raised: #FFFFFF;
  --text: #2B2B2B;           
  --text-muted: #5C5C5C;     
  --border: #E2E2E2;         
  --border-strong: #8A8A8A;  
  --accent: #FFE600;         
  --accent-ink: #2B2B2B;     
  --accent-hover: #DFC904; 
  --error: #E23A3A;          
  
  --prose-underline: #5C5C5C;
}

[data-theme='graphite'] {
  --bg: #2B2B2B;             
  --surface: #222222;
  --surface-raised: #343434;
  --text: #F5F5F5;           
  --text-muted: #A6A6A6;     
  --border: #3D3D3D;         
  --border-strong: #9A9A9A;  
  --accent: #FFE600;
  --accent-ink: #2B2B2B;
  --accent-hover: #DFC904;
  --error: #FF6B6B;          
  
  --prose-underline: var(--accent);
}

:root {
  --font-display: 'Gilroy', system-ui, sans-serif;
  --font-body: 'Montserrat', system-ui, sans-serif;

  --fs-display: clamp(2.6rem, 1.6rem + 4.4vw, 5rem);
  --fs-h1: clamp(2rem, 1.4rem + 2.6vw, 3.4rem);
  --fs-h2: clamp(1.5rem, 1.15rem + 1.6vw, 2.3rem);
  --fs-h3: clamp(1.2rem, 1.05rem + 0.7vw, 1.5rem);
  --fs-body: 1rem;          
  --fs-small: 0.875rem;
  --fs-label: 0.75rem;

  --lh-display: 0.94;
  --lh-heading: 1.08;
  --lh-body: 1.55;

  --track-display: -0.022em;
  --track-label: 0.2em;

  
  --container: 1280px;
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
  --section-y: clamp(3rem, 2rem + 5vw, 6rem);
  --radius: 4px;
  --ybar-w: 7px;            

  --maxw-prose: 68ch;
  --z-header: 100;
  --z-toast: 1000;
  --z-progress: 200;   

  
  --z-grain: 0;        
  --z-relief: 0;       

  
  --header-h: 72px; 

  
  --dur-fast: .15s;
  --dur-base: .22s;
  --dur-slow: .4s;
  --ease-out: cubic-bezier(.22, .61, .36, 1);
  --ease-emph: cubic-bezier(.16, 1, .3, 1);
  --stagger: 60ms;

  
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  
  --shadow-sm: 0 1px 2px rgba(24, 24, 24, .06), 0 2px 6px rgba(24, 24, 24, .05);
  --shadow-md: 0 6px 20px rgba(24, 24, 24, .09);
  --shadow-lg: 0 16px 48px rgba(24, 24, 24, .16);

  
  --radius-card: var(--radius-lg);
  --dur-card: var(--dur-base);
  --ease-card: var(--ease-out);
  --lift-card: -4px;
}