/* ==========================================================================
   Modular Theme & Style Guide Tokens
   ==========================================================================
   To re-theme the application for a new company or brand:
   1. Modify the CSS Custom Properties below.
   2. Replace or update assets in the assets/ directory.
   3. Update company attributes in config/branding.json.
   ========================================================================== */

:root {
  /* Brand Typography Tokens */
  --font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Outfit', sans-serif;

  /* Brand Primary & Logo Gradients */
  --brand-primary-gradient: linear-gradient(135deg, #60a5fa, #3b82f6);
  --brand-logo-text-gradient: linear-gradient(135deg, #60a5fa, #3b82f6);
  --brand-badge-bg: rgba(59, 130, 246, 0.15);
  --brand-badge-border: rgba(59, 130, 246, 0.3);

  /* Core Accent Palettes */
  --accent-blue: #3b82f6;
  --accent-blue-gradient: linear-gradient(135deg, #3b82f6, #1d4ed8);
  --accent-cyan: #06b6d4;
  --accent-cyan-gradient: linear-gradient(135deg, #06b6d4, #0891b2);
  --accent-green: #10b981;
  --accent-green-gradient: linear-gradient(135deg, #10b981, #047857);
  --accent-yellow: #f59e0b;
  --accent-yellow-gradient: linear-gradient(135deg, #f59e0b, #b45309);
  --accent-red: #ef4444;
  --accent-red-gradient: linear-gradient(135deg, #ef4444, #b91c1c);
  --accent-indigo: #6366f1;
  --accent-indigo-gradient: linear-gradient(135deg, #6366f1, #4338ca);
}