/* Dibs brand — single source of truth for the public-facing pages (landing + onboarding).
   Orange on near-black: the colours users should recognise the moment they're asked to trust us
   with a gym login. Keep these values here, not inline per template, so they never drift. */
:root{
  --orange:#E2623E;
  --orange-dim:#c9512f;   /* hover/active for the primary button */
  --bg:#0b0b0b;
  --card:#181818;
  --line:#262626;
  --text:#e7e7e7;
  --muted:#9a9a9a;
  --error:#ff6b5e;        /* readable red on the dark background */
}
*{box-sizing:border-box}
body{
  font-family:-apple-system,system-ui,sans-serif;
  background:var(--bg);color:var(--text);line-height:1.55;
}
a{color:var(--orange);text-decoration:none}
a:hover{text-decoration:underline}

/* Logo block, reused by landing + onboarding */
img.logo{width:120px;height:auto;display:block}

/* Form primitives (onboarding) — high contrast for safe credential entry */
.field-label{display:block;font-weight:600;margin:14px 0 4px;color:var(--text)}
input{
  width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;font-size:16px;
  background:#101010;color:var(--text);
}
input::placeholder{color:var(--muted)}
input:focus{outline:none;border-color:var(--orange)}

fieldset{border:1px solid var(--line);border-radius:10px;margin:16px 0;padding:8px 14px 16px}
legend{font-weight:700;padding:0 6px;color:var(--orange)}

.hint{font-size:14px;color:var(--muted);margin:8px 0}
.error{color:var(--error);font-size:14px;margin:8px 0 0}

/* Primary action — orange fill */
button[type="submit"],.btn-primary{
  margin-top:20px;width:100%;background:var(--orange);color:#0b0b0b;border:none;
  padding:13px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;
}
button[type="submit"]:hover,.btn-primary:hover{background:var(--orange-dim)}

/* Secondary action — outlined orange (Wellhub connect / paste) */
.btn-secondary{
  display:block;width:100%;box-sizing:border-box;text-align:center;margin-top:10px;
  background:transparent;color:var(--orange);border:1px solid var(--orange);
  padding:12px;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;
}
.btn-secondary:hover{background:rgba(226,98,62,.12);text-decoration:none}