/*
   Тема по умолчанию для blocks.
   Переменные для light и dark (.page-section.dark). Подключение: blocks.css импортирует этот файл.
   Создано: 2026-02-25 — вынос темы в отдельный файл для возможности замены темы заменой файла.
  Изменено: 2026-04-30 — импорт cards-defaults.css перенесён в основной файл blocks.css.
 */

:root {
    /* Тема light: фон и цвета секции. 2026-02-18 */
    --block-bg: #f4f4f0;
    --block-heading-color: #1a1a1a;
    --block-text-color: #1a1a1a;
    --block-border-color: rgba(0, 0, 0, 0.12);

    /* Тема dark: переменные для .page-section.dark (переопределяются пресетами theme-selector). 2026-02-18 */
    --block-bg-dark: #1a1a1a;
    --block-heading-color-dark: #f7fafc;
    --block-text-color-dark: #e2e8f0;
    --block-border-color-dark: rgba(255, 255, 255, 0.12);
    --input-bg-dark: #2d2d2d;
    --input-border-dark: rgba(255, 255, 255, 0.15);

    /* Секции: отступы (2026-03-10 уменьшено базовое значение до 60px для medium-секций) */
    --section-padding-y: 60px;
    --section-padding-y-small: 36px;
    --section-padding-y-large: 120px;
    /*
     * Внешний отступ и скругление Bootstrap `.container` внутри секции (не у самой `.page-section`).
     * Радиус по умолчанию как у карточек (--card-radius). Добавлено: 2026-04-14; исправлено: 2026-04-14.
     */
    --section-container-margin: 0.75rem;
    --section-container-radius: var(--card-radius);
    /* Ширина контента и внутренние поля по бокам (blocks.css). Добавлено: 2026-04-14. */
    --section-container-max-width: 1200px;
    --section-container-padding-x: 30px;
    --section-container-padding-y: 30px;

    /* Типографика заголовков в секции */
    --heading-font-size: 4rem;
    --subheading-font-size: 1.5rem;
    --block-lead-max-width: 36em;

    /*
     * Сетка карточек: --content-row-gap — единый внутренний зазор ячейки (padding .col со всех сторон; соседние ячейки дают полный зазор).
     * Модификаторы секции: .page-section.md-content-gap-sm|lg (cards-global-modifiers.css). 2026-04-08. Изменено: 2026-05-03.
     */
    --content-row-gap: 1rem;
    /* Дополнительный внутренний отступ ячейки (к половинам --content-row-gap в padding). 2026-04-08 */
    --content-col-padding: 0rem;
    /*
     * icon-card: единый масштаб шрифта/слота/круга для всех lt-* (умножение базовых rem из icon-cards.css).
     * Модификаторы: .page-section.md-icon-card-scale-sm|lg. 2026-04-08
     */
    --icon-card-size-scale: 1;

    /* Формы: поля ввода и карточка формы. BLOCKS.md, темы через переменные. 2026-02-23 */
    --block-surface: #ffffff;
    --block-border: rgba(0, 0, 0, 0.12);
    --block-text: var(--block-text-color);
    /* Изменено: 2026-05-07 — ссылки в light-секциях берём из акцента карточек (teal),
       чтобы тема по умолчанию не конфликтовала с цветом иконок/кнопок. */
    --block-link: var(--card-icon-color, #0d9488);
    --block-text-muted: #64748b;
    --input-bg: #ffffff;
    --input-border: rgba(0, 0, 0, 0.2);
    --input-color: var(--block-text-color);
    --input-radius: var(--radius-md);
    --input-padding-y: 0.5rem;
    --input-padding-x: 1rem;
    --input-font-size: 1rem;
    --input-min-height-textarea: 150px;
    --form-group-margin-bottom: 1.25rem;
    --theme-focus-ring: rgba(59, 130, 246, 0.35);
    --theme-shadow-sm: rgba(0, 0, 0, 0.08);
    --btn-font-size: 0.95rem;
    /* Кнопки в цвете темы (акцент teal по карточкам). 2026-02-25 */
    --btn-primary-bg: #0d9488;
    --btn-primary-color: #fff;
    --btn-primary-hover-bg: #0f766e;
    --btn-primary-bg-dark: #14b8a6;
    --btn-primary-color-dark: #0f172a;
    --btn-primary-hover-bg-dark: #2dd4bf;
    --btn-secondary-hover-bg: rgba(0, 0, 0, 0.05);
    --btn-secondary-hover-bg-dark: rgba(255, 255, 255, 0.1);
}