/* ============================================================
Theme CSS. Сгенерировано автоматически из темы оформления.
Не редактировать вручную — изменения вносятся через админку.
============================================================ */
:root {
  --color-primary: #d49a6a;
  --color-primary-hover: #e6b58e;
  --color-primary-light: rgba(212, 154, 106, 0.15);
  --color-primary-glow-strong: rgba(212, 154, 106, 0.6);
  --color-primary-glow-md: rgba(212, 154, 106, 0.2);
  --color-primary-glow-lg: rgba(212, 154, 106, 0.1);
  --color-primary-glow-spotlight: rgba(212, 154, 106, 0.25);
  --color-accent: #e0a96d;
  --color-accent-hover: #f0c28e;
  --color-accent-light: rgba(224, 169, 109, 0.15);
  --color-secondary: #8b8b93;
  --color-secondary-hover: #a1a1aa;
  --color-secondary-light: rgba(139, 139, 147, 0.15);
  --color-sand: #e6cba8;
  --color-taupe: #A89A8E;
  --color-sage: #8A9B79;
  --color-olive: #6C7B55;
  --color-moss: #5A6D33;
  --color-greige: #C5BFB6;
  --color-terracotta: #c47a5a;
  --color-coffee: #8b6b4a;
  --color-coffee-hover: #a67c52;
  --color-coffee-light: #f5f0eb;
  --color-charcoal: #0a0a0a;
  --color-warm-dark: #323232;
  --color-copper: #d49a6a;
  --color-ochre: #e0a96d;
  --color-cta: #594a4c;
  --color-cta-hover: #b30000;
  --color-white: #FFFFFF;
  --color-text-light: #FAFAFA;
  --color-text-dark: #1A1A1A;
  --color-surface-dark: #171717;
  --color-elevated-dark: #262626;
  --color-muted-dark: #404040;
  --color-slate: #8b8b93;
  --color-surface-light: #F8F9FA;
  --color-muted-light: #F1F3F5;
  --color-success: #10b981;
  --color-success-bg: rgba(16, 185, 129, 0.15);
  --color-warning: #f59e0b;
  --color-warning-bg: rgba(245, 158, 11, 0.15);
  --color-error: #ef4444;
  --color-error-bg: rgba(239, 68, 68, 0.15);
  --color-info: #3b82f6;
  --color-info-bg: rgba(59, 130, 246, 0.15);
  --color-text: #454144;
  --color-text-secondary: #6b778a;
  --color-text-muted: #6b778a;
  --color-text-inverse: #ffffff;
  --color-bg: #ffffff;
  --color-bg-alt: #f6f6f6;
  --color-bg-dark: #323232;
  --color-border: #cccccc;
  --color-border-strong: #000000;
  --color-accent-gradient: linear-gradient(120deg, rgba(74, 69, 64, 1) 0%, rgba(184, 115, 51, 1) 100%);
  --color-accent-gradient-alt: linear-gradient(120deg, rgba(184, 115, 51, 1) 0%, rgba(212, 184, 149, 1) 100%);
  --color-accent-gradient-hover: linear-gradient(80deg, #2D2826 0%, #CC7722 100%);
  --color-gold: #ffd700;
  --color-neon-cyan: #592d8f;
  --color-neon-cyan-light: rgba(0, 255, 255, 0.1);
  --color-neon-magenta: #555882;
  --color-neon-magenta-light: rgba(255, 0, 255, 0.1);
  --color-primary-glow-sm: rgba(212, 154, 106, 0.4);
  --font-display: 'Unbounded', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-accent: 'Unbounded', 'Manrope', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', Consolas, monospace;
  --font-size-2xs: 0.625rem;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-line-height-tight: 1.2;
  --font-line-height-base: 1.5;
  --font-line-height-relaxed: 1.75;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-family-accent: 'SiteAccent', var(--font-family-heading);
  --font-family-base: 'SiteBody', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-family-heading: 'SiteHeading', var(--font-family-base);
  --font-family-mono: 'JetBrains Mono', 'Fira Code', Consolas, monospace;
  --font-weight-normal: 400;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.6), 0 2px 4px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.7), 0 4px 6px rgba(0, 0, 0, 0.6);
  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.8), 0 10px 10px rgba(0, 0, 0, 0.7);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.9);
  --shadow-card: 0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.05);
  --shadow-card-hover: 0 10px 15px rgba(0,0,0,0.1), 0 4px 6px rgba(0,0,0,0.05);
  --shadow-modal: 0 25px 50px -12px rgba(0,0,0,0.15);
  --shadow-header: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-focus-ring: 0 0 0 3px var(--color-primary-light);
  --shadow-focus-ring-wide: 0 0 0 4px var(--color-primary-light);
  --shadow-focus-ring-error: 0 0 0 3px var(--color-error-bg);
  --shadow-focus-ring-success: 0 0 0 3px var(--color-success-bg);
  --shadow-inset-sm: inset 0 2px 10px rgba(0, 0, 0, 0.1);
  --shadow-overlay: rgba(0, 0, 0, 0.3);
  --shadow-sm-up: 0 -4px 6px rgba(0, 0, 0, 0.05);
  --container-max-width: 1280px;
  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --container-xl: 1280px;
  --container-2xl: 1536px;
  --container-padding: 1rem;
  --container-padding-desktop: 1.5rem;
  --breakpoint-mobile: 640px;
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 1024px;
  --breakpoint-wide: 1280px;
  --breakpoint-ultrawide: 1536px;
  --breakpoint-2xl: 1536px;
  --breakpoint-lg: 1024px;
  --breakpoint-md: 768px;
  --breakpoint-sm: 640px;
  --breakpoint-xl: 1280px;
  --transition-200: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-300: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-400: 400ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-500: 500ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-600: 600ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fastest: 100ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-reveal: 700ms ease-in-out;
  --transition-tags: all 200ms ease-out;
  --z-index-dropdown: 100;
  --z-index-sticky: 200;
  --z-index-nav: 300;
  --z-index-fixed: 300;
  --z-index-modal-backdrop: 900;
  --z-index-popover: 1050;
  --z-index-modal: 1100;
  --z-index-tooltip: 1100;
  --z-index-toast: 1200;
  --z-index-drawer: 1200;
  --z-index-lightbox: 1300;
  --gradient-coal-to-ochre: linear-gradient(8deg, #2D2826, #CC7722);
  --gradient-graphite-to-copper: linear-gradient(120deg, #4A4540, #B87333);
  --gradient-copper-to-sand: linear-gradient(135deg, #B87333, #D4B895);
  --gradient-cta-accent: linear-gradient(45deg, #EA5132, #C94227);
  --gradient-primary-to-accent: linear-gradient(135deg, #B87333, #CC7722);
  --bg-body: #0a0a0a;
  --bg-surface: #171717;
  --bg-elevated: #262626;
  --bg-muted: #404040;
  --bg-overlay: rgba(0, 0, 0, 0.85);
  --bg-default: #ffffff;
  --bg-alt: #f6f6f6;
  --bg-dark: #323232;
  --bg-dark-body: #0A0A0A;
  --bg-dark-surface: #171717;
  --bg-dark-elevated: #262626;
  --bg-dark-muted: #404040;
  --bg-dark-overlay: rgba(0,0,0,0.7);
  --text-primary: #fafafa;
  --text-secondary: #d4d4d4;
  --text-muted: #a3a3a3;
  --text-default: #454144;
  --text-inverse: #0a0a0a;
  --text-link: var(--color-primary);
  --text-link-hover: var(--color-primary-hover);
  --text-dark-primary: #FAFAFA;
  --text-dark-secondary: #D4D4D4;
  --text-dark-muted: #A3A3A3;
  --border-color: #2e2e2e;
  --border-strong: #404040;
  --border-focus: var(--color-primary);
  --border-default: #cccccc;
  --border-dark-color: #2E2E2E;
  --border-dark-strong: #404040;
  --border-dark-focus: #B87333;
  --section-padding-y: clamp(var(--space-10), 8vw, var(--space-16));
  --section-padding-y-lg: clamp(var(--space-12), 10vw, var(--space-24));
  --shadow-dark-sm: 0 1px 2px rgba(0,0,0,0.3);
  --shadow-dark-md: 0 4px 6px rgba(0,0,0,0.4), 0 2px 4px rgba(0,0,0,0.3);
  --shadow-dark-lg: 0 10px 15px rgba(0,0,0,0.5), 0 4px 6px rgba(0,0,0,0.3);
  --shadow-dark-xl: 0 20px 25px rgba(0,0,0,0.5), 0 10px 10px rgba(0,0,0,0.3);
  --shadow-dark-2xl: 0 25px 50px -12px rgba(0,0,0,0.6);
  --shadow-dark-card: 0 4px 6px rgba(0,0,0,0.4), 0 2px 4px rgba(0,0,0,0.3);
  --shadow-dark-card-hover: 0 0 30px rgba(184,115,51,0.15);
  --shadow-dark-modal: 0 25px 50px -12px rgba(0,0,0,0.8);
  --shadow-dark-header: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-dark-focus-ring: 0 0 0 3px rgba(184,115,51,0.25);
  --shadow-dark-focus-ring-wide: 0 0 0 4px rgba(184,115,51,0.25);
  --slider-overlay-gradient: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);
  --slider-overlay-solid: rgba(0,0,0,0.6);
  --slider-text-color: var(--text-inverse);
  --slider-dots-color: rgba(255, 255, 255, 0.35);
  --slider-caption-bg: rgba(0, 0, 0, 0.8);
  --slider-dots-color-light: rgba(0, 0, 0, 0.3);
  --slider-text-opacity: 0.95;
  --motion-reduced-motion-query: prefers-reduced-motion: reduce;
  --motion-reduced-motion-value: reduce;
  --motion-animation-duration-fast: 150ms;
  --motion-animation-duration-base: 300ms;
  --motion-animation-duration-slow: 500ms;
  --motion-animation-easing: ease-in-out;
  --motion-autoplay-allowed: false;
  --motion-pause-on-hover: true;
  --motion-pause-on-focus: true;
  --motion-reduced-motion: reduce;
  --motion-transition-fast: all 200ms ease-out;
  --motion-transition-base: all 0.3s ease-in-out;
  --motion-transition-slow: 400ms ease-in-out;
  --motion-transition-linear: all 0.3s linear;
  --focus-outline-width: 3px;
  --focus-outline-style: solid;
  --focus-outline-color: #165c7d;
  --focus-outline-offset: 2px;
  --focus-min-touch-target: 44px;
  --contrast-text-on-light: #454144;
  --contrast-text-on-dark: #ffffff;
  --contrast-link-on-light: #165c7d;
  --contrast-link-on-dark: #fad28e;
  --contrast-min-ratio-normal: 4.5;
  --contrast-min-ratio-large: 3;
  --contrast-text-min-ratio: 4.5;
  --contrast-large-text-min-ratio: 3;
  --contrast-ui-min-ratio: 3;
  --a11y-focus-outline-width: 3px;
  --a11y-focus-outline-style: solid;
  --a11y-focus-outline-offset: 2px;
  --a11y-focus-outline-color: #165c7d;
  --a11y-touch-target-min: 44px;
  --a11y-contrast-text-min: 4.5;
  --a11y-contrast-large-min: 3;
  --a11y-reduced-motion: reduce;
  --touch-target-min: 44px;
  --touch-target-spacing: 8px;
  --btn-3d-shadow: rgba(0, 0, 0, 0.15);
  --code-editor-bg: #1e1e1e;
  --code-editor-border: #333333;
  --code-editor-gutter: #555555;
  --code-editor-line-number: #858585;
  --code-editor-surface: #2d2d2d;
  --code-editor-syntax-keyword: #4ec9b0;
  --code-editor-text: #d4d4d4;
  --demo-layout-max-w-250: 250px;
  --demo-layout-max-w-300: 300px;
  --demo-layout-max-w-450: 450px;
  --demo-layout-max-w-500: 500px;
  --demo-layout-max-w-600: 600px;
  --demo-layout-max-w-650: 650px;
  --demo-layout-max-w-700: 700px;
  --demo-layout-pb-150: 150px;
  --demo-layout-pb-250: 250px;
  --demo-layout-pb-350: 350px;
  --glass-border: rgba(255, 255, 255, 0.15);
  --glass-border-focus: rgba(255, 255, 255, 0.4);
  --glass-overlay: rgba(0, 0, 0, 0.3);
  --glass-overlay-hover: rgba(0, 0, 0, 0.4);
  --line-height-base: 1.5;
  --line-height-relaxed: 1.75;
  --line-height-tight: 1.2;
  --shine-overlay-lg: rgba(255, 255, 255, 0.5);
  --shine-overlay-md: rgba(255, 255, 255, 0.3);
  --shine-overlay-sm: rgba(255, 255, 255, 0.1);
  --shine-overlay-xs: rgba(255, 255, 255, 0.05);
  --z-drawer: 1200;
  --z-dropdown: 100;
  --z-fixed: 300;
  --z-lightbox: 1300;
  --z-modal: 1100;
  --z-modal-backdrop: 900;
  --z-nav: 3;
  --z-popover: 1050;
  --z-sticky: 200;
  --z-toast: 1200;
  --z-tooltip: 1100;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-primary: #B87333;
    --color-primary-hover: #D49A6A;
    --color-primary-light: rgba(184,115,51,0.15);
    --color-accent: #CC7722;
    --color-accent-hover: #E0A96D;
    --color-cta: #EA5132;
    --color-cta-hover: #C94227;
    --color-white: #FFFFFF;
    --color-text-light: #FAFAFA;
    --color-text-dark: #1A1A1A;
    --color-surface-dark: #171717;
    --color-elevated-dark: #262626;
    --color-muted-dark: #404040;
    --color-charcoal: #0A0A0A;
    --color-warm-dark: #2D2826;
    --color-sand: #D4B895;
    --color-slate: #4A4540;
    --color-surface-light: #F8F9FA;
    --color-muted-light: #F1F3F5;
    --color-text: #FAFAFA;
    --color-text-secondary: #D4D4D4;
    --color-text-muted: #A3A3A3;
    --color-text-inverse: #0A0A0A;
    --color-bg: #0A0A0A;
    --color-bg-alt: #171717;
    --color-bg-dark: #A0A0A0;
    --color-border: #2E2E2E;
    --color-border-strong: #404040;
    --color-success-bg: rgba(16,185,129,0.1);
    --color-warning-bg: rgba(245,158,11,0.1);
    --color-error-bg: rgba(239,68,68,0.1);
    --color-info-bg: rgba(59,130,246,0.1);
  }
}