/* Stank Bank skin over the shared checkout layout (checkout.css). Loaded AFTER
   it: retokens the palette, squares every corner, swaps type to the brand set,
   and inks the header so the cream wordmark reads. */
:root {
  --ink: #0C0F0C;
  --muted: #4A5449;
  --line: #0C0F0C;
  --cream: #F2F0E6;
  --cream-light: #F7F6EF;
  --cream-deep: #DFE3D6;
  --danger: #E1121A;
  --success: #238533;
}
* { border-radius: 0 !important; }
body { font-family: Archivo, Helvetica, Arial, sans-serif; }
h1, h2 { font-family: Anton, Impact, sans-serif; text-transform: uppercase; transform: skewX(-6deg); letter-spacing: .01em; }
.eyebrow, .submit-note, .shipping-message, .field-error, .form-error, .summary-item small, .consent-note {
  font-family: 'Space Mono', monospace;
}
.eyebrow { letter-spacing: .18em; text-transform: uppercase; }

.checkout-header { background: var(--ink); border-bottom: 3px solid var(--danger); }
.checkout-brand img { height: 40px; width: auto; }
.return-link { color: var(--cream); font-family: 'Space Mono', monospace; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
.return-link:hover { color: var(--danger); }

input, select { border-width: 2px !important; border-color: var(--ink) !important; }
.button, .submit-order { font-family: Anton, Impact, sans-serif; text-transform: uppercase; letter-spacing: .06em; border: 3px solid var(--ink) !important; }
.button.dark, .submit-order { background: var(--success); color: var(--cream); }
.button.dark:hover, .submit-order:hover { background: var(--ink); color: #D8C534; }
.button.light { background: transparent; color: var(--ink); }

.payment-option { border: 2px solid var(--ink) !important; }
.payment-option.selected { outline: 3px solid var(--success); outline-offset: -3px; }
/* Keep the summary panel INK (checkout.css sets cream text on it) — retoning
   only the warm-beige accents to the stank grey-greens. */
.order-summary { border-left: 3px solid var(--danger); }
.summary-head .eyebrow, .summary-head > span, .summary-item-info small { color: #9AA398; }
.summary-totals > div { color: #C9CEC3; }
.summary-total strong { font-family: Anton, Impact, sans-serif; font-size: 1.4rem; }
.form-section { border-bottom: 3px solid var(--ink); }
.section-heading span { font-family: 'Space Mono', monospace; border: 2px solid var(--ink); }