:root {
  --pp-primary: #10b981;
  --pp-primary-mid: #0d9488;
  --pp-primary-dark: #047857;
  --pp-primary-deep: #064e3b;
  --pp-primary-light: #34d399;
  --pp-primary-glow: #6ee7b7;
  --pp-accent: #2dd4bf;
  --pp-primary-rgb: 16, 185, 129;
  --pp-primary-dark-rgb: 4, 120, 87;
  --pp-primary-deep-rgb: 6, 78, 59;
  --pp-accent-rgb: 45, 212, 191;
  --pp-primary-surface: #ecfdf5;
  --pp-primary-surface-2: #d1fae5;
  --pp-primary-border: #a7f3d0;
  --pp-bg: #f0fdfa;
  --pp-surface: #ffffff;
  --pp-card: #ffffff;
  --pp-fg: #0f172a;
  --pp-muted: #64748b;
  --pp-border: rgba(15, 23, 42, 0.1);
  --pp-gradient-hero: linear-gradient(125deg, #064e3b 0%, #0f766e 34%, #10b981 72%, #2dd4bf 100%);
  --pp-gradient-brand: linear-gradient(135deg, #0d9488 0%, #10b981 55%, #34d399 100%);
  --pp-gradient-soft: linear-gradient(180deg, #f0fdfa 0%, #ffffff 100%);
  --pp-gradient-accent: linear-gradient(135deg, #ccfbf1 0%, #ecfdf5 48%, #ffffff 100%);
  --pp-gradient-final: linear-gradient(135deg, #99f6e4 0%, #d1fae5 45%, #ecfdf5 100%);
  --pp-gradient-page: linear-gradient(160deg, #ecfdf5 0%, #f1f5f9 42%, #e2e8f0 100%);
  --pp-gradient-login: radial-gradient(circle at top left, rgba(45, 212, 191, 0.22), transparent 36%),
    linear-gradient(145deg, #ecfdf5 0%, #ffffff 46%, #ccfbf1 100%);
  --pp-shadow: 0 18px 48px rgba(6, 78, 59, 0.14);
  --pp-shadow-soft: 0 12px 32px rgba(6, 78, 59, 0.08);
  --pp-shadow-btn: 0 4px 14px rgba(16, 185, 129, 0.28);

  /* Densidade global da interface */
  --pp-ui-base: 14px;
  --pp-sidebar-width: 248px;
  --pp-control-height: 36px;
  --pp-control-radius: 8px;
  --pp-content-padding: clamp(14px, 2vw, 22px);
}

html {
  font-size: var(--pp-ui-base);
}