/* ==========================================================================
   AURENZA — page-scoped styles.
   Rules here are grouped per page with a leading comment.
   ========================================================================== */

/* Account settings — tab state. Reuses the existing chip tokens so the active
   section is legible; no new class, no new colour. */
[data-tabs] [role="tab"][aria-selected="true"] {
  color: var(--ink);
  background: var(--gold);
  border-color: var(--gold);
}

/* Shared: side-by-side form fields ----------------------------------------- */
/* .field + .field adds a top margin intended for stacked fields; inside a
   .form-row the fields sit on one line, so that margin must be cancelled. */
.form-row > .field + .field { margin-top: 0; }

/* Checkout: selectable radio cards ----------------------------------------- */
.radio-card {
  padding: var(--s-4) var(--s-5);
  border: 1px solid var(--line-soft);
  background: var(--surface);
  transition: border-color .3s ease, background .3s ease;
}
.radio-card:hover { border-color: var(--line-hard); }
.radio-card:has(input:checked) { border-color: var(--gold); background: rgba(201, 169, 106, .06); }