:root{
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  --c-primary: #7C3AED;
  --c-primary-hover: #6D28D9;
  --c-primary-light: #F3E8FF;
  --c-ring: #C4B5FD;
  --c-text: #0F172A;
  --c-text-2: #475569;
  --c-white: #FFFFFF;
  --c-border: #E2E8F0;
  --c-success:#10B981; --c-warn:#F59E0B; --c-error:#EF4444;

  --radius-btn: 12px; --radius-card:16px;
  --shadow-btn: 0 10px 20px -8 rgba(124,58,237,.5);
  --shadow-card: 0 6px 16px -6 rgba(15,23,42,.12);

  --h1: 56px/64px -0.02em; --h2:36px/44px -0.01em; --h3:28px/36px 0;
  --lead:20px/32px 0; --body:16px/24px 0; --caption:14px/20px 0;
}


html,body{font-family:var(--font-sans);}
.t-btn, .tn-atom__btn{
  font-weight:600; font-size:16px; line-height:24px;
  border-radius:var(--radius-btn); padding:14px 20px;
  background:var(--c-primary); color:#fff; box-shadow:var(--shadow-btn);
}
.t-btn:hover, .tn-atom__btn:hover{ background:var(--c-primary-hover); }
.t-btn_secondary{
  background:transparent; color:var(--c-primary)!important;
  border:2px solid var(--c-primary); box-shadow:none;
}
.t-btn_secondary:hover{ background:var(--c-primary-light); }
.t-card, .t-container .tn-atom__box, .t189__wrapper{
  background:#fff; border:1px solid var(--c-border);
  border-radius:var(--radius-card); box-shadow:var(--shadow-card);
}
.t-title{ letter-spacing:-0.02em; }
.t-descr{ color:var(--c-text-2); }
.t-input, .t-select{
  height:48px; padding:12px 14px; border:1.5px solid var(--c-border); border-radius:12px;
}
.t-input:focus, .t-select:focus{ border-color:var(--c-primary); box-shadow:0 0 0 4px var(--c-ring); outline:0; }