/* TFA Labs brand skin. Linked ONLY from the offer page (/) and /legal/.
   The sample pages under /samples/ never load this file, so their fictional
   agent brands stay untouched. Light mode, solid colors, 1px borders, no gradients. */
:root{
  --tfa-blue:#2563EB; --tfa-blue-hover:#1D4ED8; --tfa-ink:#020617; --tfa-white:#FFFFFF;
  --tfa-soft:#F8FAFC; --tfa-fill:#F1F5F9; --tfa-muted:#64748B; --tfa-line:#E2E8F0;
  --tfa-error:#EF4444; --tfa-error-text:#DC2626; /* red-600 for small error text: #EF4444 is 3.8:1 on white, below AA */

  --paper:var(--tfa-white); --surface:var(--tfa-white); --sand:var(--tfa-soft);
  --ink:var(--tfa-ink); --ink-2:var(--tfa-muted); --line:var(--tfa-line);
  --night:var(--tfa-ink); --accent:var(--tfa-blue); --accent-ink:var(--tfa-white);
  --font-d:"Playfair Display",Georgia,"Times New Roman",serif;
  --font-b:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --sc-shadow-color:222 47% 11%;
  color-scheme:light;
}
body{background:var(--tfa-white);color:var(--tfa-ink)}
:focus-visible{outline-color:var(--tfa-blue)}

/* header */
.bar{background:rgb(255 255 255 / .92);border-bottom:1px solid var(--tfa-line)}
.bar nav a{color:var(--tfa-muted)}
.bar nav a:hover{color:var(--tfa-ink)}

/* buttons */
.btn--primary{background:var(--tfa-blue);color:var(--tfa-white);border-color:var(--tfa-blue)}
.btn--primary:hover{background:var(--tfa-blue-hover);border-color:var(--tfa-blue-hover)}
.btn--ghost{background:var(--tfa-white);color:var(--tfa-blue);border:1px solid var(--tfa-blue)}
.btn--ghost:hover{background:var(--tfa-fill);border-color:var(--tfa-blue-hover);color:var(--tfa-blue-hover)}
.btn--outline-light{border:1px solid rgb(255 255 255 / .8);color:#fff;background:rgb(255 255 255 / .06)}
.btn--outline-light:hover{background:rgb(255 255 255 / .16)}

/* labels and chips */
.label{color:var(--tfa-muted)}
.label::before{background:var(--tfa-blue)}
.chip{border:1px solid var(--tfa-line);color:var(--tfa-ink);background:var(--tfa-fill)}

/* form */
.quiz{background:var(--tfa-white);border:1px solid var(--tfa-line)}
.quiz__track{background:var(--tfa-fill)}
.quiz__track i{background:var(--tfa-blue)}
.quiz__opt{background:var(--tfa-white);border:1px solid var(--tfa-line)}
.quiz__opt:hover{border-color:var(--tfa-blue)}
.quiz__opt:has(input:checked){border-color:var(--tfa-blue);background:var(--tfa-soft);box-shadow:inset 0 0 0 1px var(--tfa-blue)}
.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{border:1px solid var(--tfa-line);background:var(--tfa-white);color:var(--tfa-ink)}
.field input:not([type=checkbox]):not([type=radio]):focus,.field select:focus,.field textarea:focus{border-color:var(--tfa-blue);outline:2px solid var(--tfa-blue);outline-offset:1px}
.field input::placeholder,.field textarea::placeholder{color:var(--tfa-muted)}
.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--tfa-error)}
.err{color:var(--tfa-error-text)}
.consent input{accent-color:var(--tfa-blue)}
.quiz__back{color:var(--tfa-muted)}

/* footer */
.foot{background:var(--tfa-white);border-top:1px solid var(--tfa-line);color:var(--tfa-muted)}
.foot a{color:var(--tfa-ink)}
.foot a:hover{color:var(--tfa-blue)}