:root {
  /* Brand */
  --dk-brand: #E8860A;
  --dk-brand-hover: #C9720A;
  --dk-brand-light: #FEF3E2;
  --dk-brand-glow: rgba(232,134,10,0.25);
  /* Ink */
  --dk-ink: #1A1D29;
  --dk-ink-soft: #4A4F5E;
  --dk-ink-muted: #8A8F9E;
  /* Surfaces */
  --dk-bg: #FFFFFF;
  --dk-bg-warm: #FBF7F0;
  --dk-bg-dark: #1A1D29;
  --dk-border: #EDE7DB;
  /* Semantic */
  --dk-green: #1F9D55;
  --dk-green-light: #E6F6EC;
  /* Shape */
  --dk-radius-lg: 20px;
  --dk-radius-md: 12px;
  --dk-radius-pill: 999px;
  /* Shadows */
  --dk-shadow-card: 0 4px 20px rgba(26,29,41,0.07);
  --dk-shadow-pop: 0 16px 40px rgba(26,29,41,0.12);
  --dk-shadow-btn: 0 6px 16px var(--dk-brand-glow);
  /* Type scale */
  --dk-font: 'Plus Jakarta Sans', system-ui, sans-serif;
  --dk-h1: 52px;
  --dk-h2: 38px;
  --dk-h3: 20px;
  --dk-body: 17px;
  /* Rhythm */
  --dk-section-pad: 96px;
  --dk-section-pad-mobile: 56px;
  --dk-content-max: 1200px;
}
@media (max-width: 768px) {
  :root { --dk-h1: 34px; --dk-h2: 28px; }
}