:root {
  --accent: #E64833;
  --accent-hover: #f5513c;
  --accent-focus: #f5513c96;
  --bg-secondray: #2a2a2a;
  --ctins-black: #000;
  --ctins-off-black: #00000052;
  --ctins-white: #fff;
  --ctins-off-white: #f5f5f5;
}



@layer reset {
  *,*::before,*::after { box-sizing: border-box; }
  * { margin: 0; }
  html:focus-within { scroll-behavior: smooth; }
  img,picture,video,canvas,svg { display: block; max-width: 100%; height: auto; }
  input,button,textarea,select { font: inherit; }
  :focus { outline: none; }
}


body {
  background: #1d1e1e !important;
}
h1,h2,h3,h4,h5,h6 {
  color: var(--ctins-white) !important;
}
p {
  color: var(--ctins-white) !important;
}
input, select, textarea, .tutor-form-control , .tutor-form-select{
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  border-radius: 8px;
}
table {
  border: none !important;
}
table, th, td {
  background-color: var(--bg-secondray) !important;
  color: var(--ctins-off-white) !important;
}
td {
  color: var(--ctins-black) !important;
  background-color: var(--ctins-off-white) !important;
}

a:focus {
  color: var(--accent-focus) !important;
}
a:hover {
  color: var(--accent-focus) !important;
}
button:focus {
  outline: none !important;
  background-color: var(--accent-hover) !important;
}

#content {
  background: var(--ctins-bg-main) !important;
}
@media (min-width: 1460px) {
  .ctins-max-w-text {
    max-width: 50vw !important;
  }
}
@media (min-width: 1760px) {
  .ctins-max-w-text {
    max-width: 40vw !important;
  }
}