/**
 * Voushify UI tokens — deep teal / cream / gold identity.
 * Primary styling uses the Tailwind extended theme (see base.html); these
 * custom properties mirror it for the few places CSS needs the raw values.
 */
:root {
  --vf-brand: #0B4A4E;
  --vf-brand-mid: #146B70;
  --vf-brand-dark: #07383B;
  --vf-accent: #12756A;
  --vf-gold: #B08D57;
  --vf-page-bg: #F5F1E7;
}

html {
  -webkit-font-smoothing: antialiased;
}

/* The one-time-code boxes are inputs styled as separate cells; hide the
   number spinners so the digits stay centred. */
.vf-code-cell::-webkit-outer-spin-button,
.vf-code-cell::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.vf-code-cell {
  -moz-appearance: textfield;
}