:root{
  --panel-radius: 14px;

  /* Темнее фон */
  --bg0: #070b14;
  --bg1: #0a1020;
  --bg2: #0b1328;

  /* Поверхности/карточки */
  --surface: rgba(255,255,255,.08);
  --surface2: rgba(255,255,255,.11);
  --surface3: rgba(255,255,255,.14);

  --border: rgba(255,255,255,.18);

  /* Текст светлее */
  --text: rgba(255,255,255,.97);
  --muted: rgba(255,255,255,.82);
  --muted2: rgba(255,255,255,.70);

  /* Инпуты (чтобы не были черными) */
  --input-bg: rgba(255,255,255,.09);
  --input-bg-focus: rgba(255,255,255,.13);
  --input-border: rgba(255,255,255,.22);
  --input-border-focus: rgba(99, 179, 255, .85);
}

body.bg-admin{
  background:
    radial-gradient(1000px 520px at 12% 0%, rgba(13,110,253,.18), transparent 60%),
    radial-gradient(900px 520px at 88% 6%, rgba(32,201,151,.14), transparent 60%),
    linear-gradient(180deg, var(--bg2) 0%, var(--bg1) 45%, var(--bg0) 100%);
  color: var(--text);
}

/* Bootstrap overrides */
.text-secondary{ color: var(--muted2) !important; }
.small-muted{ color: var(--muted) !important; }

/* Типографика */
.h1,.h2,.h3,.h4,.h5,.h6,.display-6{ color: var(--text); }
a{ color: rgba(170, 215, 255, .95); }
a:hover{ color: rgba(205, 235, 255, 1); }

/* Navbar */
.navbar{
  background: rgba(7, 11, 20, .72) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.navbar-dark .navbar-nav .nav-link{
  color: rgba(255,255,255,.82);
}
.navbar-dark .navbar-nav .nav-link:hover{
  color: rgba(255,255,255,.98);
}

/* Cards */
.card{
  border-radius: var(--panel-radius);
  background: linear-gradient(180deg, var(--surface3), var(--surface));
  border: 1px solid var(--border);
}

/* Hero */
.hero{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.20);
  background:
    radial-gradient(1200px 420px at 10% 8%, rgba(13,110,253,.26), transparent 55%),
    radial-gradient(900px 340px at 92% 0%, rgba(32,201,151,.18), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.07));
}

/* Row blocks */
.task-row{
  padding: 12px 12px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  background: rgba(255,255,255,.09);
}

/* Icons */
.icon-circle{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

/* Badges */
.badge-task{
  background: rgba(13,110,253,.22);
  border: 1px solid rgba(13,110,253,.55);
  color: rgba(255,255,255,.98);
}
.badge-event{
  background: rgba(32,201,151,.22);
  border: 1px solid rgba(32,201,151,.55);
  color: rgba(255,255,255,.98);
}
.badge.bg-light.text-dark{
  background: rgba(255,255,255,.85) !important;
  border: 1px solid rgba(255,255,255,.45) !important;
  color: rgba(0,0,0,.85) !important;
}

/* Hr */
.hr-soft{ border-color: rgba(255,255,255,.16) !important; }

/* Forms */
.form-label{ color: rgba(255,255,255,.90); }

.form-control,
.form-select,
textarea.form-control{
  background: var(--input-bg);
  color: rgba(255,255,255,.97);
  border: 1px solid var(--input-border);
}

.form-control::placeholder,
textarea.form-control::placeholder{
  color: rgba(255,255,255,.60);
}

.form-control:focus,
.form-select:focus,
textarea.form-control:focus{
  background: var(--input-bg-focus);
  color: rgba(255,255,255,.99);
  border-color: var(--input-border-focus);
  box-shadow: 0 0 0 .25rem rgba(99,179,255,.18);
}

.form-select option{
  background: #0b1328;
  color: rgba(255,255,255,.97);
}

/* Buttons */
.btn-outline-light{
  border-color: rgba(255,255,255,.46);
  color: rgba(255,255,255,.95);
}
.btn-outline-light:hover{
  border-color: rgba(255,255,255,.70);
  color: rgba(255,255,255,1);
}

/* Alerts */
.alert-success{
  background: rgba(25,135,84,.18);
  border-color: rgba(25,135,84,.42);
  color: rgba(255,255,255,.97);
}
.alert-danger{
  background: rgba(220,53,69,.18);
  border-color: rgba(220,53,69,.42);
  color: rgba(255,255,255,.97);
}

/* Small helpers */
.w-110{ width:110px; }

/* ===== Bright titles tweaks ===== */

/* Общая подсветка заголовков внутри карточек */
.card .fw-semibold{
  color: rgba(255,255,255,.995);
  text-shadow: 0 1px 0 rgba(0,0,0,.25);
}

/* Если где-то fw-semibold стоит на темном месте — усилим */
.card .h5,
.card .h4{
  color: rgba(255,255,255,.995);
  text-shadow: 0 1px 0 rgba(0,0,0,.25);
}

/* Главная: названия функций (карточки в секции #features) */
#features .card .fw-semibold{
  color: rgba(255,255,255,1);
  text-shadow: 0 1px 0 rgba(0,0,0,.30);
}

/* Главная: конкретно "Быстрый старт" (карточка в hero) */
.hero .card .fw-semibold{
  color: rgba(255,255,255,1);
  text-shadow: 0 1px 0 rgba(0,0,0,.32);
}

/* На всякий случай: делаем первую строку-заголовок в карточке чуть ярче */
.card > .fw-semibold:first-child,
.card .d-flex > .fw-semibold:first-child{
  color: rgba(255,255,255,1);
}

/* Дополнительно: слегка увеличим контраст маленьких подписей в этих карточках */
.hero .card .small-muted,
#features .card .small-muted{
  color: rgba(255,255,255,.86) !important;
}