:root {
  /* Accent — amber/gold from logo */
  --accent-primary: #FCAF17;
  --accent-dark: #E09800;
  --accent-light: #FFF7E0;
  --accent-dim: #F5A623;

  /* Surface */
  --surface-primary: #FFFFFF;
  --surface-secondary: #F8F7F4;
  --surface-card: #FFFFFF;
  --surface-inverse: #374150;
  --surface-dark: #232B38;

  /* Foreground */
  --foreground-primary: #374150;
  --foreground-secondary: #5C6473;
  --foreground-muted: #9AA0A8;
  --foreground-inverse: #FFFFFF;

  /* Border */
  --border-subtle: #E8E4DC;

  /* Gradient — dark charcoal from logo */
  --gradient-start: #232B38;
  --gradient-end: #374150;

  /* Typography */
  --font-primary: 'Inter', sans-serif;
  --font-display: 'Funnel Sans', 'Inter', sans-serif;

  /* Spacing */
  --max-width: 1280px;
  --section-padding: 80px;
  --section-padding-x: 80px;
}