/* ====================================
   ТЕМА D: ЧЁРНЫЙ + ЖЁЛТЫЙ
   ==================================== */
:root, html[data-theme="dark"] {
  --color-primary:     #FFD600;   /* жёлтый акцент */
  --color-primary-d:   #F9A825;   /* жёлтый тёмный (hover) */
  --color-primary-text:#1C1C1E;   /* текст на жёлтом */
  --color-dark:        #1C1C1E;   /* почти чёрный */
  --color-dark-2:      #111111;   /* глубокий чёрный */
  --color-nav-bg:      #111111;
  --color-nav-link:    rgba(255,255,255,.8);
  --color-hero-bg:     linear-gradient(135deg,#1C1C1E 0%,#111111 60%,#2a2a2a 100%);
  --color-hero-title:  #ffffff;
  --color-hero-sub:    rgba(255,255,255,.7);
  --color-badge-bg:    rgba(255,255,255,.07);
  --color-badge-border:rgba(255,255,255,.13);
  --color-text:        #1C1C1E;
  --color-text-light:  #6b6b6b;
  --color-border:      #e0e0e0;
  --color-bg:          #f5f5f5;
  --color-white:       #ffffff;
  --color-green:       #2ecc71;
  --color-wa:          #25D366;
  --color-tg:          #2CA5E0;
  --color-vk:          #4680C2;
  --color-callback-bg: linear-gradient(135deg,#1C1C1E 0%,#111111 100%);

  /* Кнопка primary: жёлтая с тёмным текстом */
  --btn-primary-bg:           #FFD600;
  --btn-primary-color:        #1C1C1E;
  --btn-primary-border:       #FFD600;
  --btn-primary-hover-bg:     #F9A825;
  --btn-primary-hover-border: #F9A825;

  /* Кнопка outline */
  --btn-outline-color:        #1C1C1E;
  --btn-outline-border:       #1C1C1E;
  --btn-outline-hover-bg:     #1C1C1E;
  --btn-outline-hover-color:  #FFD600;

  /* Hero outline (на тёмном) */
  --btn-hero-outline-color:   #FFD600;
  --btn-hero-outline-border:  #FFD600;
  --btn-hero-outline-hover-bg:#FFD600;
  --btn-hero-outline-hover-color:#1C1C1E;
}