:root {
  --ppid-primary: #0ea5e9;
  --ppid-primary-dark: #0369a1;
  --ppid-accent: #14b8a6;
  --ppid-surface: #f0f9ff;
  --ppid-surface-alt: #ecfeff;
  --ppid-text: #0f172a;
  --ppid-muted: #64748b;
  --ppid-border: #e2e8f0;
  --ppid-danger: #ef4444;
  --ppid-success: #22c55e;
  --ppid-warning: #f59e0b;
  --ppid-radius: 12px;
  --ppid-radius-sm: 8px;
  --ppid-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  --ppid-shadow-sm: 0 4px 14px rgba(15, 23, 42, 0.06);
  --ppid-font-body: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --ppid-font-heading: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --ppid-container: 1180px;
  --ppid-nav-height: 76px;
}

body.ppid-modern {
  font-family: var(--ppid-font-body);
  color: var(--ppid-text);
  background: #fff;
}

body.ppid-modern button,
body.ppid-modern input,
body.ppid-modern select,
body.ppid-modern textarea,
body.ppid-modern .main-navigation,
body.ppid-modern .widget,
body.ppid-modern .bwg-container,
body.ppid-modern .bwg-container * {
  font-family: var(--ppid-font-body) !important;
}

body.ppid-modern h1,
body.ppid-modern h2,
body.ppid-modern h3,
body.ppid-modern h4,
body.ppid-modern h5,
body.ppid-modern h6,
body.ppid-modern .post-title,
body.ppid-modern .entry-title {
  font-family: var(--ppid-font-heading);
  color: var(--ppid-text);
  letter-spacing: -0.02em;
}

body.ppid-modern a {
  color: var(--ppid-primary-dark);
  transition: color 0.2s ease, opacity 0.2s ease;
}

body.ppid-modern a:hover,
body.ppid-modern a:focus {
  color: var(--ppid-accent);
}