/* ==========================================================================
   Southern Table Events — design tokens
   Generated per-site: palette, type, spacing. Site-specific, do not share.
   ========================================================================== */

@font-face {
  font-family: 'Fraunces';
  src: url('/fonts/fraunces-var.woff2') format('woff2-variations');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Outfit';
  src: url('/fonts/outfit-var.woff2') format('woff2-variations');
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* palette — deep table ink + felt + brass */
  --wt-ink:        #0d181d;
  --wt-ink-soft:   #132831;
  --wt-ink-line:   #1e3a44;
  --wt-felt:       #12463c;
  --wt-felt-deep:  #0c2f29;
  --wt-brass:      #c9a15a;
  --wt-brass-soft: #e0c48f;
  --wt-cream:      #f5efe4;
  --wt-cream-dim:  #cbc4b7;
  --wt-slate:      #8a9aa1;
  --wt-danger:     #d98274;
  --wt-ok:         #7fc4a6;

  /* type */
  --wt-font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --wt-font-body:    'Outfit', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --wt-step--1: clamp(0.82rem, 0.80rem + 0.10vw, 0.90rem);
  --wt-step-0:  clamp(1.00rem, 0.96rem + 0.18vw, 1.09rem);
  --wt-step-1:  clamp(1.22rem, 1.14rem + 0.38vw, 1.45rem);
  --wt-step-2:  clamp(1.50rem, 1.33rem + 0.80vw, 1.95rem);
  --wt-step-3:  clamp(1.90rem, 1.55rem + 1.60vw, 2.70rem);
  --wt-step-4:  clamp(2.35rem, 1.70rem + 2.90vw, 3.90rem);

  /* spacing scale */
  --wt-s1: 0.375rem;
  --wt-s2: 0.75rem;
  --wt-s3: 1.25rem;
  --wt-s4: 2rem;
  --wt-s5: 3.25rem;
  --wt-s6: 5rem;
  --wt-s7: 7.5rem;

  /* shape */
  --wt-radius-sm: 3px;
  --wt-radius:    6px;
  --wt-radius-lg: 14px;
  --wt-hair:      1px solid var(--wt-ink-line);
  --wt-shell:     72rem;

  --wt-shadow: 0 18px 50px -28px rgba(0, 0, 0, 0.85);
  --wt-ease:   cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* Bootstrap is intentionally absent — no vendor framework on this site.
   Base sizing is set explicitly so nothing depends on browser defaults. */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
}

@media (max-width: 48rem) {
  html { font-size: 97%; }
}

@media (max-width: 30rem) {
  html { font-size: 95%; }
}