:root {
  --primary:         #0284c7;   /* Modern Ocean Blue */
  --primary-hover:   #0369a1;
  --primary-active:  #075985;
  --primary-dark:    #0c4a6e;
  --primary-light:   #f0f9ff;
  --primary-subtle:  #e0f2fe;
  --primary-glow:    rgba(2, 132, 199, 0.25);

  --accent:          #10b981;   /* Emerald Messenger Green */
  --accent-hover:    #059669;
  --accent-light:    #ecfdf5;
  --accent-subtle:   #d1fae5;
  --accent-glow:     rgba(16, 185, 129, 0.35);

  --body-bg:         #f1f5f9;
  --surface-card:    #ffffff;
  --surface-subtle:  #e2e8f0;
  --surface-input:   #ffffff;

  --border:          #e2e8f0;
  --border-focus:    #0284c7;

  --text:            #0f172a;
  --text-secondary:  #334155;
  --text-muted:      #64748b;

  --hero-bg-from:    #0f4c81;
  --hero-bg-to:      #0b2942;
  --hero-accent:     #38bdf8;

  --dark:            #0c4a6e;
  --light:           #f0f9ff;
}