:root {
  /* Backgrounds */
  --hub-bg-white: #FFFFFF;
  --hub-bg-cream: #FAF8F5;
  --hub-bg-sand: #F5F3EF;
  --hub-bg-card: #FFFFFF;

  /* Accent */
  --hub-gold: #C8A05E;
  --hub-gold-soft: rgba(200, 160, 94, 0.08);
  --hub-teal: #5A9E9F;

  /* Text */
  --hub-text-primary: #1A1D24;
  --hub-text-secondary: #475569;
  --hub-text-muted: #86868B;

  /* Borders */
  --hub-border-light: rgba(0, 0, 0, 0.06);
  --hub-border-medium: rgba(0, 0, 0, 0.1);

  /* Spacing rhythm */
  --hub-section-py: 5rem;
  --hub-section-py-lg: 6.5rem;
  --hub-container-px: 1.5rem;
  --hub-container-px-lg: 2.5rem;
  --hub-reading-width: 760px;
  --hub-max-width: 1100px;

  /* Typography */
  --hub-font-display: 'Urbanist', sans-serif;
  --hub-font-body: 'Inter', sans-serif;
}

@media (min-width: 768px) {
  :root {
    --hub-section-py: 6rem;
    --hub-container-px: 2rem;
  }
}