/* ===== AstraLink Theme (Variant A) ===== */
/* Палитра и утилитарные классы поверх существующего CSS/Tailwind. */

:root{
  /* backgrounds & borders */
  --bg:#0b1220;        /* общий фон */
  --panel:#0f1629;     /* карточки/панели */
  --panel-2:#131a2e;   /* модалки/активные элементы */
  --border:#22304d;    /* делители/бордеры */

  /* text */
  --text:#e8ecf5;      /* основной текст */
  --text-2:#bac4dc;    /* вторичный */
  --text-3:#8b95b8;    /* muted/подписи */

  /* brand */
  --brand-300:#8ea0ff;
  --brand-400:#7487ff;
  --brand-500:#5b73ff; /* базовый */
  --brand-600:#4b5eea; /* hover/primary */
  --brand-700:#3d49d6;
  --brand-accent:#6d3df5;

  /* states */
  --success:#2dce89; --warning:#f7b955; --danger:#ef5a6a; --info:#59a5ff;

  /* effects */
  --ring:rgba(153,167,255,.35);
  --shadow-glow:0 0 40px rgba(99,102,241,.25);
}

/* базовый фон/текст без изменения масштабов */
html,body{ background:var(--bg); color:var(--text); }

/* карточки/контейнеры (вместо bg-white/5 и т.п.) */
.bg-panel   { background:var(--panel)   !important; }
.bg-panel-2 { background:var(--panel-2) !important; }
.border-soft{ border-color:var(--border) !important; }

/* текстовые хелперы */
.text-1{ color:var(--text)   !important; }
.text-2{ color:var(--text-2) !important; }
.text-3{ color:var(--text-3) !important; }

/* брендовые кнопки/бейджи/ссылки */
.btn-brand{ background:var(--brand-600) !important; color:#fff !important; box-shadow:var(--shadow-glow); }
.btn-brand:hover{ background:var(--brand-500) !important; }
.link-brand{ color:var(--brand-400) !important; }
.link-brand:hover{ color:var(--brand-300) !important; }

/* универсальный градиент (по месту, если нужен) */
.gradient-brand{ background-image:linear-gradient(135deg,var(--brand-600),var(--brand-accent)) !important; }

/* интерактив: фокус/кольцо */
:focus-visible{ outline:0; box-shadow:0 0 0 3px var(--ring) !important; }

/* формы — затемняем подложки без изменения размеров */
input[type=text],input[type=email],input[type=number],input[type=tel],select,textarea{
  background:rgba(255,255,255,.05) !important;
  border:1px solid var(--border) !important;
  color:var(--text) !important;
}
input::placeholder,textarea::placeholder{ color:var(--text-3) !important; }

/* твой тёмный select (оставлен из старой версии; делаем его общим) */
.quote-select, .quote-select option{
  color:#e8ecff;
  background-color:#0f1629;
}
.quote-select{
  -webkit-appearance:none; appearance:none; color-scheme:dark;
  background-image:
    linear-gradient(45deg,transparent 50%,#9aa2c7 50%),
    linear-gradient(135deg,#9aa2c7 50%,transparent 50%);
  background-position: calc(100% - 18px) 52%, calc(100% - 12px) 52%;
  background-size:6px 6px,6px 6px; background-repeat:no-repeat; padding-right:36px;
}

/* модалки/оверлеи */
.modal-root{ color-scheme:dark; }
.modal-surface{ background:var(--panel-2) !important; border:1px solid var(--border) !important; }

/* мелочи */
hr{ border-color:var(--border); }
a{ color:var(--brand-400); }
a:hover{ color:var(--brand-300); }
::-moz-selection{ background:var(--brand-700); color:#fff; }
::selection{ background:var(--brand-700); color:#fff; }