/* ==========================================================================
   ГЛОБАЛЬНЫЙ СТИЛЕВОЙ ФУНДАМЕНТ V2.0 (OLEGTALKS) - ЭТАЛОННАЯ ВЕРСИЯ
   ========================================================================== */

/* 1. ПЕРЕМЕННЫЕ ДИЗАЙН-СИСТЕМЫ */
:root {
    /* --- БАЗОВАЯ ПАЛИТРА --- */
    --color-green-lime: #b7f46a;
    --color-purple-electric: #a855f7;
    --color-dark-void: #0c0d12;
    --color-light-slate: #f1f5f9;
    --color-muted-slate: #94a3b8; /* Более нейтральный серый, чем ваш #BCC3D2 */
    --color-white-pure: #ffffff;
    --color-blue-sky: #3b82f6;
    --color-brand-telegram: #2AABEE;
    
    /* --- СЕМАНТИЧЕСКИЕ РОЛИ ЦВЕТОВ --- */
    /* Текст */
    --color-text-main: var(--color-light-slate);
    --color-text-muted: var(--color-muted-slate);
    --color-text-headers: var(--color-white-pure);
    
    /* Ссылки (Links) - Фиолетовые */
    --color-link-default: var(--color-purple-electric);
    --color-link-hover: var(--color-light-slate);

    /* Призыв к действию (Call to Action - CTA) - Зеленые */
    --color-cta-primary-bg: var(--color-green-lime);
    --color-cta-primary-text: var(--color-dark-void);
    --color-cta-primary-hover-bg: transparent;
    --color-cta-primary-hover-text: var(--color-green-lime);

    /* Акценты (декоративные элементы, иконки, выделение) - Зеленые */
    --color-accent-primary: var(--color-green-lime);

    /* Фон */
    --color-background-page: var(--color-dark-void);
    --color-background-glass: rgba(20, 25, 40, 0.5);
    --color-border-glass: rgba(255, 255, 255, 0.1);

    /* RGB-версии для прозрачности */
    --color-green-lime-rgb: 183, 244, 106;
    --color-purple-electric-rgb: 168, 85, 247;
    --color-blue-sky-rgb: 59, 130, 246; 

    /* --- ТИПОГРАФИКА --- */
    --font-family-headers: 'Manrope', 'YS Text Variable', sans-serif;
    --font-family-text: 'Inter', 'YS Text Variable', sans-serif;

    /* --- ОТСТУПЫ И РАЗМЕРЫ --- */
    --header-height: 75px;
    --header-height-mobile: 65px;
    --spacing-xs: 8px;
    --spacing-s: 16px;
    --spacing-m: 24px;
    --spacing-l: 32px;
    --spacing-xl: 48px;
    --spacing-xxl: 64px;
    --spacing-section: 90px; 
    --spacing-section-tablet: 80px; /* ДОБАВЛЕНО */
    --spacing-section-mobile: 60px; /* ДОБАВЛЕНО для единообразия */

    /* --- ЭЛЕМЕНТЫ ИНТЕРФЕЙСА --- */
    --border-radius-card: 24px;
    --border-radius-button: 100px;
    --transition-main: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 2. ГЛОБАЛЬНЫЙ RESET И СТИЛИ BODY */
*, *::before, *::after { box-sizing: border-box; }
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  scroll-padding-top: var(--header-height);
}
body {
  background-color: var(--color-background-page);
  color: var(--color-text-main);
  font-family: var(--font-family-text);
  font-size: 18px;
  line-height: 1.6;
  margin: 0;
  padding-top: var(--header-height);
  overflow-x: hidden !important;
}
#allrecords { background-color: transparent !important; }

/* 3. БАЗОВАЯ ТИПОГРАФИКА */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-headers);
    color: var(--color-text-headers);
    font-weight: 700;
    margin: 0 0 0.5em 0;
    line-height: 1.25;
}
a {
    color: var(--color-link-default);
    text-decoration: none;
    transition: var(--transition-main);
}
a:hover { color: var(--color-link-hover); }
img { max-width: 100%; height: auto; display: block; }
strong { font-weight: 700; color: var(--color-text-main); }