/* Noir — dark charcoal tabbed profile with emerald accents */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');

:root {
  --primary: #f1f5f9;
  --secondary: #34d399;
  --accent: #10b981;
  --accent-soft: rgba(16, 185, 129, 0.12);
  --text: #e2e8f0;
  --text-muted: #94a3b8;
  --bg: #0b0f14;
  --bg-card: #141a22;
  --border: #1f2937;
  --radius: 14px;
  --shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --header-max: 920px;
  --tab-height: 52px;
  --hero-gradient: linear-gradient(135deg, #0f172a 0%, #0b0f14 50%, #111827 100%);
  --nav-bg: rgba(11, 15, 20, 0.94);
  --nav-bg-solid: #0b0f14;
  --nav-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);
  --tab-hover-bg: rgba(16, 185, 129, 0.08);
  --tab-active-bg: rgba(16, 185, 129, 0.14);
  --btn-primary-text: #042f2e;
  --btn-secondary-bg: transparent;
  --btn-secondary-border: rgba(52, 211, 153, 0.45);
  --btn-primary-shadow: 0 2px 16px rgba(16, 185, 129, 0.35);
  --card-hover-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
  --card-hover-border: rgba(52, 211, 153, 0.35);
  --image-border: #1f2937;
  --placeholder-border: rgba(52, 211, 153, 0.35);
  --avatar-radius: 16px;
  --heading-weight: 600;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body.pb-theme-tabbed.pb-theme-noir .btn-secondary { color: var(--secondary); }
body.pb-theme-tabbed.pb-theme-noir .btn-primary { color: var(--btn-primary-text); }