/**
 * BabeWiki layout tokens — measured from babewiki.com
 *
 * Home: fills main column (lg:px-8), 8-col grid — NO max-width shell
 * Profile: max-w-[1400px] mx-auto centered in main
 * List/browse: fills main (like home), fluid grid
 */
:root {
  --bw-spacing: 0.25rem;

  /* Profile content shell */
  --bw-profile-max: 1400px;
  --bw-page-px: calc(var(--bw-spacing) * 4); /* 16px */
  --bw-home-px: calc(var(--bw-spacing) * 8); /* 32px = lg:px-8 */

  /* Profile media: ~340px / measured ~324 */
  --bw-photo-max: 340px;

  /* Filters panel */
  --bw-panel-max: 260px;

  /* Gaps: gap-8 */
  --bw-gap: calc(var(--bw-spacing) * 8); /* 32px */

  /* Sticky: top-20 */
  --bw-sticky-top: calc(var(--bw-spacing) * 20); /* 80px */

  /* Surfaces — Tailwind zinc */
  --bw-zinc-950: #09090b;
  --bw-zinc-900: #18181b;
  --bw-zinc-800: #27272a;
  --bw-zinc-300: #d4d4d8;
  --bw-zinc-400: #a1a1aa;

  /* Accent — BabeWiki Sign Up / Creator blue */
  --bw-accent: #3ea6ff;
  --bw-accent-soft: #70b8ff;

  /* Bio / cards: bg-zinc-900/30–40, border-zinc-800/50, rounded-2xl, blur-sm */
  --bw-bio-bg: #18181b4d;
  --bw-card-bg: #18181b66;
  --bw-bio-border: #27272a80;
  --bw-radius-2xl: 1rem;
  --bw-bio-pad: calc(var(--bw-spacing) * 6); /* 24px */
  --bw-blur-sm: 8px;
  --bw-bio-clamp: 9;
  --bw-bio-link: #3ea6ff;
  --bw-bio-link-hover: #70b8ff;

  /* Map into app tokens */
  --content-max: none;
  --photo-max: var(--bw-photo-max);
  --radius-2xl: var(--bw-radius-2xl);
  --bio-link: var(--bw-bio-link);
  --bio-link-hover: var(--bw-bio-link-hover);
  --zinc-300: var(--bw-zinc-300);
}

/* Default (browse/lists): fill main */
.bw-container {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

/* Homepage: full main width (BabeWiki has no 1400 shell on home) */
body.page-home .bw-container {
  max-width: none;
  margin-inline: 0;
}
body.page-home .main-column {
  padding-left: var(--bw-home-px);
  padding-right: var(--bw-home-px);
}

/* Profile: centered max-w-[1400px] (no extra inner px — matches BabeWiki profile) */
body.page-profile .bw-container {
  max-width: var(--bw-profile-max);
  margin-inline: auto;
}
body.page-profile .main-column {
  padding-left: var(--bw-page-px);
  padding-right: var(--bw-page-px);
}

/* Near-me / lists shell: centered 1400 + lg:px-8 like BabeWiki near-me */
body.page-shell .bw-container {
  max-width: var(--bw-profile-max);
  margin-inline: auto;
  padding-left: var(--bw-home-px);
  padding-right: var(--bw-home-px);
}
body.page-shell .main-column {
  padding-left: var(--bw-page-px);
  padding-right: var(--bw-page-px);
}

/* Performers browse: fill main for grid + refine panel */
body.page-inner .bw-container {
  max-width: none;
  margin-inline: 0;
}
body.page-inner .main-column {
  padding-left: var(--bw-home-px);
  padding-right: var(--bw-home-px);
}