/* КультФонд — переменные оформления.
   Все цвета, градиенты, тени и шрифт сайта задаются только здесь.
   Значения взяты из утверждённого макета от 22.10.2026. Чтобы поменять
   палитру, правьте этот файл: в template.css своих цветов нет. */
:root {
  /* Шрифт и основа */
  --cf-font: Arial, Helvetica, sans-serif;
  --cf-paper: #f5f4f0;
  --cf-ink: #102b59;
  --cf-muted: #526782;
  --cf-blue: #1254bf;
  --cf-blue-dark: #0b327e;
  --cf-gold: #d4a541;
  --cf-white: #ffffff;
  --cf-heading: #12366f;
  --cf-brand: #12356d;
  --cf-brand-dot: #b98a30;

  /* Шапка и меню */
  --cf-header-background: linear-gradient(120deg, #ffffff, #f3f2ee);
  --cf-header-line: rgba(207, 174, 102, .267);
  --cf-nav-line: #e4e3df;
  --cf-menu-shadow: 0 8px 20px rgba(16, 43, 80, .09);

  /* Кнопки */
  --cf-gold-gradient: linear-gradient(115deg, #bd872a, #f5d98a 40%, #fff0b5 52%, #d8af54 78%, #c99635);
  --cf-gold-button-line: #e7c36d;
  --cf-gold-button-shadow: inset 0 1px 0 #fff7d4, 0 7px 16px rgba(137, 101, 35, .1);
  --cf-gold-button-hover: #f5dfa0;
  --cf-gold-hover-shadow: 0 9px 25px rgba(118, 83, 29, .133);
  --cf-blue-gradient: linear-gradient(125deg, #0e3f97, #1a5ac0);
  --cf-blue-button-line: #2356a5;
  --cf-blue-button-shadow: inset 0 1px 0 rgba(255, 255, 255, .133), 0 6px 16px rgba(18, 61, 138, .133);
  --cf-blue-button-hover: #0b327e;
  --cf-account-gradient: linear-gradient(120deg, #0c3487, #1a5ac0);
  --cf-account-text: #fff3cf;
  --cf-account-border: #1a53a8;

  /* Первый экран */
  --cf-hero-overlay: linear-gradient(90deg, rgba(16, 59, 131, .66), rgba(16, 59, 131, .875) 28%, rgba(18, 68, 145, .855) 70%, rgba(11, 51, 129, .467));
  --cf-hero-line: #dbbb6b;
  --cf-hero-sheen: linear-gradient(115deg, transparent 25%, rgba(242, 212, 158, .094) 44%, rgba(255, 239, 189, .18) 48%, transparent 64%);
  --cf-title-gradient: linear-gradient(110deg, #c7973d, #ffe9a4 28%, #fef6d7 46%, #c49434 53%, #ffeac0 69%, #d0a04b);
  --cf-title-shadow: drop-shadow(0 2px 0 rgba(150, 106, 34, .4)) drop-shadow(0 7px 18px rgba(6, 26, 76, .533));
  --cf-title-outline: #f9e5ae;
  --cf-outline-shadow: 0 0 22px rgba(232, 207, 158, .094);
  --cf-overline: #f4d890;
  --cf-overline-rule: #d7b764;
  --cf-hero-copy: #f6f6f4;
  --cf-glow: #76a7ff;
  --cf-stage-line: #e0c786;
  --cf-stage-shadow: 0 0 0 7px rgba(242, 224, 176, .086), 0 18px 45px rgba(7, 24, 60, .333);
  --cf-stage-inner-line: rgba(244, 224, 178, .333);
  --cf-stage-overlay: linear-gradient(0deg, rgba(9, 35, 87, .85), transparent 50%);
  --cf-stage-tag: rgba(18, 55, 114, .737);
  --cf-stage-tag-line: rgba(224, 199, 134, .467);
  --cf-stage-caption: #fff2d0;
  --cf-scroll: #f3d589;
  --cf-scroll-line: rgba(212, 170, 77, .467);
  --cf-spark: #fff2c9;
  --cf-spark-shadow: 0 0 10px 2px rgba(255, 228, 168, .533);

  /* Полоса направлений и преимущества */
  --cf-strip-bg: #fffdf6;
  --cf-strip-text: #15366c;
  --cf-strip-gold: #b8872b;
  --cf-strip-line: rgba(186, 150, 66, .267);
  --cf-pillar-title: #163665;
  --cf-pillar-icon: #a87923;
  --cf-pillar-line: rgba(201, 173, 119, .24);
  --cf-kicker: #957020;

  /* Форматы участия */
  --cf-format-heading-bg: linear-gradient(120deg, #113779, #2059a6 55%, #123b83);
  --cf-format-heading-border: linear-gradient(115deg, #b7852e, #ffedb4 30%, #d4aa54 56%, #fff0bd 76%, #b7832d);
  --cf-format-heading-text: #ffedbd;
  --cf-format-heading-shadow: inset 0 0 0 5px rgba(240, 213, 139, .05), 0 10px 25px rgba(18, 53, 109, .07);
  --cf-format-heading-inner: rgba(245, 217, 152, .333);
  --cf-format-heading-text-shadow: 0 2px 8px rgba(8, 38, 91, .2);
  --cf-format-dot: #f4d080;
  --cf-card-line: rgba(209, 184, 125, .533);
  --cf-card-shadow: 0 12px 30px rgba(24, 48, 92, .047);
  --cf-live-background: radial-gradient(at 90% 0%, #2b6bc2, #133c8a 70%);
  --cf-live-heading: #f8e5b9;
  --cf-live-label: #f1d387;
  --cf-live-text: #edf3fb;
  --cf-online-background: linear-gradient(135deg, #ffffff, #eeede8);
  --cf-online-heading: #17366a;
  --cf-online-label: #8b681e;
  --cf-online-text: #435c7b;
  --cf-bullet: #c49a46;

  /* О фонде и ВКонтакте */
  --cf-about-accent: #a97c25;
  --cf-about-star: #ba9344;
  --cf-social-overlay: linear-gradient(90deg, rgba(16, 59, 131, .96), rgba(16, 59, 131, .85) 55%, rgba(16, 59, 131, .133));
  --cf-social-line: #d7b464;
  --cf-social-heading: #fff0ca;
  --cf-social-text: #e3ecfb;
  --cf-social-kicker: #e3c17c;
  --cf-social-mark: #f7e3a8;
  --cf-social-shadow: 0 10px 30px rgba(16, 43, 80, .09);

  /* Подвал и кнопка «Мерцание» */
  --cf-footer-bg: #0a2861;
  --cf-footer-title: #ebd49a;
  --cf-footer-text: #c4d0e4;
  --cf-footer-label: #f0e4c4;
  --cf-footer-line: rgba(215, 180, 100, .2);
  --cf-motion-text: #ead5a0;
  --cf-motion-line: rgba(216, 180, 96, .4);

  /* Мобильная панель и внутренние страницы */
  --cf-mobile-overlay: rgba(10, 40, 97, .55);
  --cf-surface: #ffffff;

  /* Размеры закрепляемых частей: нужны для якорей и отступов прокрутки */
  --cf-nav-height: 78px;
  --cf-topbar-mobile-height: 72px;

  /* Подстройка Bootstrap под палитру сайта */
  --bs-body-font-family: var(--cf-font);
  --bs-body-color: var(--cf-ink);
  --bs-body-bg: var(--cf-paper);
  --bs-link-color-rgb: 18, 84, 191;
  --bs-link-hover-color-rgb: 11, 50, 126;
  --bs-border-color: var(--cf-card-line);
  --bs-focus-ring-color: rgba(212, 165, 65, .35);
}