:root {
  /* Brand Colors from BRANDBOOK.md */
  --primary-blue: #0079b2;
  --dark-blue: #005c99;
  --accent-yellow: #fecb00;

  /* Neutral Palette */
  --text-dark: #2c3e50;
  --text-body: #4a5568;
  --bg-light: #f7fafc;
  --bg-white: #ffffff;
  --bg-dark: #0f172a;
  --bg-card: #ffffff;

  /* Additional UI variables */
  --border-color: #e2e8f0;
  --whatsapp-color: #25d366;
  --whatsapp-dark: #128c7e;
  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}