:root {
  --ink: #242D3A;
  --gold: #C7A25C;
  --gold-soft: #F6EFDF;
  --gold-deep: #7D5F20;
  --muted: #566072;
  --canvas: #FFFFFF;
  --canvas-alt: #F6F7FA;
  --line: #E3E6EC;
  --on-dark-muted: #C9CFDB;
  --on-gold-muted: #3A3320;
  --soft: #EEF0F5;

  --font-head: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --r-btn: 8px;
  --r-card: 12px;
  --r-phone: 28px;

  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;

  --container: 1200px;
  --gutter: 24px;
  --section-pad: 96px;
}

@media (max-width: 640px) {
  :root { --gutter: 16px; --section-pad: 56px; }
}