@font-face {
  font-family: 'Playfair Display';
  src: url('/static/fonts/playfair-display-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  unicode-range: U+0000-024F;
}
@font-face {
  font-family: 'Playfair Display';
  src: url('/static/fonts/playfair-display-latin-ext.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  unicode-range: U+0100-03FF, U+1E00-1EFF, U+20A0-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Playfair Display';
  src: url('/static/fonts/playfair-display-cyrillic.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  unicode-range: U+0400-052F;
}
@font-face {
  font-family: 'Manrope';
  src: url('/static/fonts/manrope-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0000-024F;
}
@font-face {
  font-family: 'Manrope';
  src: url('/static/fonts/manrope-latin-ext.woff2') format('woff2');
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0100-03FF, U+1E00-1EFF, U+20A0-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  src: url('/static/fonts/manrope-cyrillic.woff2') format('woff2');
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0400-052F;
}

:root {
  --color-bg: #0d0c0a;
  --color-sidebar: #0a0908;
  --color-surface: #151310;
  --color-surface-raised: #1d1a17;
  --color-text: #f4f0e8;
  --color-muted: #9a938a;
  --color-line: #2a2724;
  --color-accent: #e0a43e;
  --color-danger: #d1695f;
  --color-success: #7da078;
  --color-overlay: #090807e8;
  --color-shadow: #00000066;
  --gradient-hero: linear-gradient(180deg, #0a09081a 0%, #0a090838 48%, #0a0908c7 100%);
  --gradient-empty: linear-gradient(135deg, #26221c, #0d0c0a 62%, #49341c);
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-ui: 'Manrope', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-size-xs: 0.6875rem;
  --font-size-sm: 0.8125rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.75rem;
  --font-size-2xl: clamp(2.5rem, 5vw, 5.5rem);
  --font-size-hero: clamp(3rem, 6.4vw, 6.8rem);
  --line-tight: 1.05;
  --line-body: 1.75;
  --tracking-label: 0.2em;
  --tracking-brand: 0.28em;
  --space-1: 0.375rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 7rem;
  --space-page: clamp(1.5rem, 5vw, 6rem);
  --space-section: clamp(5rem, 10vw, 10rem);
  --sidebar-width: 15.1875rem;
  --topbar-height: 4.75rem;
  --content-max: 92rem;
  --text-max: 43rem;
  --radius-sm: 0.125rem;
  --radius-md: 0.375rem;
  --radius-round: 999rem;
  --shadow-soft: 0 1.5rem 4rem var(--color-shadow);
  --transition-fast: 180ms ease;
  --transition-slow: 650ms cubic-bezier(.2,.7,.2,1);
}