/* Aesthetic Clinic PDC — coastal-luxe Aman x Aesop */
@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&family=Inter+Tight:wght@400;500;600&display=swap');
:root, html[data-theme] {
  --cal-bg: #F2EBE0;
  --cal-bg-emphasis: #E5DBC9;
  --cal-bg-muted: #ECE3D2;
  --cal-bg-info: #DCEAEB;
  --cal-brand: #2A7F87;
  --cal-brand-emphasis: #1F6068;
  --cal-brand-text: #FFFFFF;
  --cal-text: #1B1F22;
  --cal-text-emphasis: #1B1F22;
  --cal-text-muted: #5A6469;
  --cal-border: #D6CBB4;
  --cal-border-subtle: #E5DBC9;
  --cal-border-booker: #2A7F87;
  --font-cal: 'Tenor Sans', 'Times New Roman', serif;
  --font-sans: 'Inter Tight', system-ui, sans-serif;
}
body, [data-radix-popper-content-wrapper] { font-family: var(--font-sans) !important; background: var(--cal-bg); color: var(--cal-text); }
h1, h2, h3, .text-emphasis, [class*='font-cal'] { font-family: var(--font-cal) !important; letter-spacing: 0.02em; font-weight: 400; }
.bg-default, .bg-subtle, [data-testid='booker'] { background: var(--cal-bg) !important; }
.text-brand-emphasis { color: var(--cal-brand) !important; }
button[type='submit'], .btn-primary, button.bg-brand-default {
  background: var(--cal-brand) !important;
  color: var(--cal-brand-text) !important;
  border-radius: 999px !important;
  font-family: var(--font-sans) !important;
  letter-spacing: 0.06em;
  font-size: 0.82rem !important;
  padding: 0.7rem 1.6rem !important;
}
button[type='submit']:hover { background: var(--cal-brand-emphasis) !important; }
.aesthetic-hero { font-family: var(--font-cal); font-size: 1.6rem; line-height: 1.2; color: var(--cal-text); margin: 2rem 0 1rem; letter-spacing: 0.04em; }
.aesthetic-tag { font-family: var(--font-sans); font-size: 0.68rem; letter-spacing: 0.34em; text-transform: uppercase; color: var(--cal-brand); }
