/* The studio look over the checkout (owner, 5 Nov 2026). Only type, colour
   and corners change: the checkout's markup, fields and scripts are the
   same pages as always (LIVE money), so this sheet only overrides looks.
   Loaded after styles.css by layouts/booking-studio. */
:root {
  --font-sans: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --background: #f7f6f4;
  --card: #ffffff;
  --foreground: #212121;
  --muted-foreground: #5f5f5f;
  --border: #dedcd8;
  --neutral-900: #212121;
}
body { font-weight: 380; letter-spacing: 0; }
h1, h2, h3, .confirm-title, .sheet-title, .pay-heading, .wordmark { font-weight: 800; letter-spacing: -0.03em; }
strong, b { font-weight: 600; }

/* Square corners, like the rest of the site (circles stay circles) */
.btn-primary, .btn-secondary, .btn-outline, .class-card, .class-go, .date-chip, .pass-opt, .pass-existing-btn,
.input, .card-input, .card-field, .promo-input, .promo-apply, .summary-card, .summary-block, .modal-card, .sheet-card,
.confirm-card, .confirm-pass, .heard-chip, .empty-state, .result-banner, .live-warning, .pay-aside, .payment-section,
.order-item, .deposit-info, .pay-quote, .cal-menu, .cal-toggle, .cal-item, .notes-field, .pass-note, .pay-extra,
.icon-button, .back-button, .promo-entry, .why-deposit, .pass-select, .bk-intro, .bk-value, .bk-firsttime,
.order-framing, .order-item-note, .pay-included, .pay-incl, .pay-hint, .pass-hint, .promo-applied, .card-error, .trust-row { border-radius: 0 !important; }

.btn-primary { background: #212121; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; font-size: 14px; }
.btn-primary:hover { background: #000; }
.btn-secondary, .btn-outline { letter-spacing: .08em; text-transform: uppercase; font-weight: 600; font-size: 13px; }
.btn-shine::after { display: none !important; }
.section-label, .pay-heading { font-weight: 800; letter-spacing: -.02em; }
.date-chip[aria-pressed="true"], .date-chip.is-active, .date-chip[aria-selected="true"] { background: #212121; color: #fff; border-color: #212121; }
.cal-emoji { display: none; }
:focus-visible { outline: 2px solid #8c5b3e; outline-offset: 2px; }