:root{
  /* База */
  --bg: #ffffff;
  --text: #3a3a3a;
  --muted: #7d8393;
  --card: #ffffff;
  --border: #E2E3E6;

  /* Брендовые цвета (как на старом сайте) */
  --brand:  #00aec6;   /* бирюза */
  --brand-2:#27c7d7;   /* светлее */
  --accent: #66b4dd;   /* ссылки */

  /* CTA — кнопки */
  --cta:       #ffc900;
  --cta-hover: #ffd433;
  --cta-text:  #000000;

  /* Шапка (топбар) */
  --topbar-start: #747A89;
  --topbar-end:   #60626E;

  --radius: 14px;
  --shadow: 0 10px 30px rgba(2,8,23,0.08);
}

@media (prefers-color-scheme: dark){
  :root{
    --bg: #0b1020;
    --text: #f8fafc;
    --muted: #94a3b8;
    --card: #0f172a;
    --border: #243041;
  }
}