:root {
  --quick-bg-main: #d7ecff;
  --quick-bg-card: #e5e7eb;
  --quick-border: #6b7280;
  --quick-bg-inner: #d9dde2;
  --quick-inner-border: #364152;
  --quick-text-primary: #000000;
  --quick-heading-navy: #112b57;
  --quick-subheading-green: #1f5b2a;
  --quick-blue: #1f6ef5;
  --quick-blue-hover: #1759c8;
  --quick-green: #1f9d55;
  --quick-green-hover: #177a41;
  --quick-link-grass: #4c9a2a;
  --quick-link-visited-darkblue: #1f3f78;
  --quick-row-light-grey: #e5e7eb;
  --quick-row-grey: #cfd4db;
}

.quick-frontend,
.quick-forms,
.quick-quotes,
.quick-points,
.quick-questions,
[class*="quick-"] {
  background: var(--quick-bg-main);
  color: var(--quick-text-primary);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

.quick-frontend .card,
.quick-frontend .panel,
.quick-frontend .box,
.quick-forms form,
.quick-quotes .quote,
.quick-points .points-box,
.quick-questions .question-box {
  background: var(--quick-bg-card);
  border: 1px solid var(--quick-border);
  border-radius: 8px;
}

.quick-frontend h1,
.quick-frontend h2,
.quick-frontend h3,
.quick-forms h1,
.quick-quotes h1,
.quick-points h1,
.quick-questions h1 {
  color: var(--quick-heading-navy);
}

.quick-frontend h2,
.quick-frontend h3,
.quick-frontend h4,
.quick-forms h2,
.quick-quotes h2,
.quick-points h2,
.quick-questions h2 {
  color: var(--quick-subheading-green);
}

.quick-frontend a,
.quick-forms a,
.quick-quotes a,
.quick-points a,
.quick-questions a {
  color: var(--quick-link-grass);
}

.quick-frontend a:visited,
.quick-forms a:visited,
.quick-quotes a:visited,
.quick-points a:visited,
.quick-questions a:visited {
  color: var(--quick-link-visited-darkblue);
}

.quick-frontend button,
.quick-frontend .button,
.quick-forms button,
.quick-quotes button,
.quick-points button,
.quick-questions button,
.quick-frontend input[type="submit"] {
  border-radius: 6px;
  border: 1px solid transparent;
  font-weight: 600;
}

.quick-frontend .button-primary,
.quick-frontend button.primary,
.quick-forms button.primary,
.quick-quotes button.primary,
.quick-points button.primary,
.quick-questions button.primary {
  background: var(--quick-blue);
  color: #ffffff;
  border-color: var(--quick-blue);
}

.quick-frontend .button-success,
.quick-frontend button.success,
.quick-forms button.success,
.quick-quotes button.success,
.quick-points button.success,
.quick-questions button.success {
  background: var(--quick-green);
  color: #ffffff;
  border-color: var(--quick-green);
}

.quick-frontend table,
.quick-forms table,
.quick-quotes table,
.quick-points table,
.quick-questions table {
  border-collapse: collapse;
  border: 1px solid var(--quick-border);
}

.quick-frontend table tbody tr:nth-child(odd),
.quick-forms table tbody tr:nth-child(odd),
.quick-quotes table tbody tr:nth-child(odd),
.quick-points table tbody tr:nth-child(odd),
.quick-questions table tbody tr:nth-child(odd) {
  background: var(--quick-row-light-grey);
}

.quick-frontend table tbody tr:nth-child(even),
.quick-forms table tbody tr:nth-child(even),
.quick-quotes table tbody tr:nth-child(even),
.quick-points table tbody tr:nth-child(even),
.quick-questions table tbody tr:nth-child(even) {
  background: var(--quick-row-grey);
}

.quick-frontend td,
.quick-frontend th,
.quick-forms td,
.quick-forms th,
.quick-quotes td,
.quick-quotes th,
.quick-points td,
.quick-points th,
.quick-questions td,
.quick-questions th {
  color: #000000;
  border-bottom: 1px solid var(--quick-border);
  padding: 10px;
}