:root {
  /* ===== Colors ===== */
  --color-primary: #4c97b2;
  --color-accent: #59adcc;
  --color-dark: #0c0c0c;
  --color-light: #f7f7f7;
  --color-white: #ffffff;
  --color-text-secondary: rgba(0, 0, 0, 0.7);
  --color-border: rgba(0, 0, 0, 0.1);
  /* Background Colors */
  --c-bg: #020203;
  --c-bg-deep: #000000;
  --c-bg-card: #0f0f0f;
  --bg-deep: #050505;
  /* Accent Colors */
  --c-accent: #3b82f6;
  --c-accent-hover: #2563eb;
  --c-accent-primary: #3b82f6;
  --c-accent-secondary: #8b5cf6;
  --c-accent-glow: rgba(59, 130, 246, 0.5);
  --c-purple: #8b5cf6;
  --c-cyan: #06b6d4;
  /* Text Colors */
  --c-text: #ffffff;
  --c-text-muted: #94a3b8;
  --text-main: #ffffff;
  --text-muted: #9ca3af;
  /* Glass & Borders */
  --glass-bg: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.02) 0%,
    rgba(255, 255, 255, 0.01) 100%
  );
  --glass-border: 1px solid rgba(255, 255, 255, 0.08);
  --glass-border-top: 1px solid rgba(255, 255, 255, 0.15);
  /* ===== Typography ===== */
  --font-display: "Unbounded", sans-serif;
  --font-main: "Montserrat", sans-serif;
  --font-tech: "Anonymous Pro", monospace;
  --font-heading: "Unbounded-SemiBold", sans-serif;
  --font-body: "Inter-Regular", sans-serif;
  --font-medium: "Inter-Medium", sans-serif;
  --font-nav: "Montserrat-Medium", sans-serif;
  --font-nav-bold: "Montserrat-SemiBold", sans-serif;
  --font-btn: "Unbounded-Medium", sans-serif;
  font-size: 16px;
  --fs-title-section: clamp(2.5rem, 3vw, 3.5rem);
  --fs-subtitle-section: 1.125rem;
  --fs-text-base: 1rem;
  --fs-text-small: 0.875rem;
  --fs-label: 0.75rem;
  --fs-card-title: 1.5rem;
  --fs-big-logo: clamp(5rem, 25vw, 30rem);
  --fs-brand-title: clamp(2rem, 4vw, 3rem);
  --fs-nav-link: clamp(1rem, 1.1vw, 1.15rem);
  /* ===== Button System (ПОЛНАЯ ВЕРСИЯ) ===== */
  --btn-height: 3.75rem;
  --btn-height-small: 3.5rem;
  --btn-padding: 0 2.5rem;
  --btn-padding-small: 0 1rem;
  --btn-padding-y: 0.75rem;
  --btn-radius: 24px;
  --btn-radius-round: 3.125rem;
  --btn-font-size: 1.125rem;
  --btn-font-size-small: 0.9rem;
  --btn-font-weight: 500;
  --btn-font-weight-bold: 700;
  --btn-gap: 0.7rem;
  --btn-gap-small: 0.5rem;
  /* Button Icon */
  --btn-icon-size: 6.75rem;
  /* 60px - размер круга иконки */
  --btn-icon-size-small: 6.625rem;
  --btn-icon-svg: 1.5rem;
  /* 24px - размер самой SVG */
  --btn-icon-bg: rgba(255, 255, 255, 0.2);
  --btn-icon-radius: 50%;
  /* Круглая */
  /* Button Colors */
  --btn-text-color: #ffffff;
  --btn-primary-bg: var(--c-accent);
  --btn-primary-bg-hover: var(--c-accent-hover);
  --btn-primary-shadow: rgba(59, 130, 246, 0.4);
  --btn-primary-shadow-hover: rgba(59, 130, 246, 0.6);
  --btn-secondary-border: #ffffff;
  --btn-secondary-bg-hover: #ffffff;
  --btn-secondary-text: #ffffff;
  --btn-secondary-text-hover: #0c0c0c;
  /* Button Effects */
  --btn-shine-gradient: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );
  --btn-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  /* ===== Spacing ===== */
  --section-padding-x: 6.5%;
  --section-padding-y: 4rem;
  --section-gap: 1.5rem;
  --section-gap-large: 3.75rem;
  --spacing-container-x: clamp(1.5rem, 5vw, 5rem);
  --spacing-container-y: clamp(3rem, 8vh, 6rem);
  --spacing-gap: clamp(2rem, 4vw, 5rem);
  --container-gap: 1rem;
  --container-gap-medium: 2rem;
  --container-gap-large: 3rem;
  --card-padding: 1.5rem;
  --card-padding-large: 2rem;
  --card-gap: 0.625rem;
  --content-gap-small: 0.5rem;
  --content-gap: 1rem;
  --content-gap-medium: 1.5rem;
  --content-gap-large: 2rem;
  /* ===== Border Radius ===== */
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-card: 1.5rem;
  --radius-round: 50%;
  /* ===== Transitions ===== */
  --transition-fast: 0.2s;
  --transition-normal: 0.3s;
  --transition-slow: 0.5s;
  --transition-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --transition-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --easing: cubic-bezier(0.22, 1, 0.36, 1);
  /* ===== Shadows ===== */
  --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-medium: 0 4px 12px rgba(0, 0, 0, 0.15);
  --shadow-large: 0 10px 40px rgba(0, 0, 0, 0.2);
  --shadow-glow: 0 0 30px rgba(59, 130, 246, 0.4);
  --shadow-glow-hover: 0 10px 40px rgba(59, 130, 246, 0.6);
  /* ===== Section-Specific ===== */
  --sol-card-bg: linear-gradient(
    180deg,
    rgba(20, 20, 25, 0.7) 0%,
    rgba(5, 5, 8, 0.9) 100%
  );
  --sol-card-hover: linear-gradient(
    180deg,
    rgba(30, 30, 40, 0.8) 0%,
    rgba(10, 10, 15, 0.95) 100%
  );
  --s-card-bg: #0b0b0f;
  --s-border: rgba(255, 255, 255, 0.1);
  --s-accent: #3b82f6;
  --s-text: #ffffff;
  --rv-spacing-y: clamp(4rem, 10vh, 8rem);
  --rv-title-size: clamp(2rem, 5vw, 3.5rem);
  --rv-card-radius: 1.5rem;
  --rv-bg-glass: rgba(255, 255, 255, 0.03);
  --faq-spacing-y: clamp(4rem, 8vh, 8rem);
  --faq-gap-desktop: clamp(3rem, 5vw, 8rem);
  --faq-sidebar-w: clamp(260px, 20vw, 25rem);
  --faq-title-size: clamp(2rem, 5vw, 3rem);
  --cf-spacing-y: clamp(4rem, 10vh, 8rem);
  --cf-title-size: clamp(2rem, 5vw, 3.5rem);
  --cf-input-height: clamp(3rem, 6vh, 3.5rem);
  --cf-gap: clamp(2rem, 5vw, 6rem);
}