/* ═══════════════════════════════════════════════════════════════════════════
   THE POCKET PROTECTOR — Design Tokens
   Centralized design variables for the TPP platform.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* Primary */
  --tpp-green: #15803d;
  --tpp-green-hover: #166534;
  --tpp-green-light: #f0fdf4;
  --tpp-green-border: #bbf7d0;

  /* Text */
  --tpp-text: #1e293b;
  --tpp-text-body: #475569;
  --tpp-text-secondary: #64748b;

  /* Surface */
  --tpp-border: #e2e8f0;
  --tpp-bg-subtle: #f8fafc;

  /* Typography */
  --tpp-font-body: 'Poppins', sans-serif;
  --tpp-font-display: 'Outfit', sans-serif;
}