/* Theme: ocean */
:root {
  --primary-navy-dark: #03045E;
  --primary-navy:      #0077B6;
  --primary-blue:      #00B4D8;
  --primary-sky:       #90E0EF;
  --accent-gold:       #00B4D8;

  --navy-bg-lightest: #F0FAFC;
  --navy-bg-light:    #E1F5F9;
  --navy-bg-soft:     #CAF0F8;

  --primary-sky-a05:       rgba(144,224,239,0.05);
  --primary-sky-a08:       rgba(144,224,239,0.08);
  --primary-sky-a10:       rgba(144,224,239,0.10);
  --primary-sky-a12:       rgba(144,224,239,0.12);
  --primary-sky-a15:       rgba(144,224,239,0.15);
  --primary-sky-a20:       rgba(144,224,239,0.20);
  --primary-sky-a30:       rgba(144,224,239,0.30);
  --primary-sky-a40:       rgba(144,224,239,0.40);
  --primary-sky-a50:       rgba(144,224,239,0.50);

  --primary-navy-dark-a05: rgba(3,4,94,0.05);
  --primary-navy-dark-a08: rgba(3,4,94,0.08);
  --primary-navy-dark-a10: rgba(3,4,94,0.10);
  --primary-navy-dark-a12: rgba(3,4,94,0.12);
  --primary-navy-dark-a15: rgba(3,4,94,0.15);
  --primary-navy-dark-a20: rgba(3,4,94,0.20);
  --primary-navy-dark-a30: rgba(3,4,94,0.30);
  --primary-navy-dark-a40: rgba(3,4,94,0.40);
  --primary-navy-dark-a50: rgba(3,4,94,0.50);
  --primary-navy-dark-a55: rgba(3,4,94,0.55);
  --primary-navy-dark-a60: rgba(3,4,94,0.60);

  --primary-navy-a05:  rgba(0,119,182,0.05);
  --primary-navy-a08:  rgba(0,119,182,0.08);
  --primary-navy-a10:  rgba(0,119,182,0.10);
  --primary-navy-a12:  rgba(0,119,182,0.12);
  --primary-navy-a15:  rgba(0,119,182,0.15);
  --primary-navy-a20:  rgba(0,119,182,0.20);
  --primary-navy-a30:  rgba(0,119,182,0.30);
  --primary-navy-a40:  rgba(0,119,182,0.40);
  --primary-navy-a50:  rgba(0,119,182,0.50);

  --primary-blue-a05:  rgba(0,180,216,0.05);
  --primary-blue-a08:  rgba(0,180,216,0.08);
  --primary-blue-a10:  rgba(0,180,216,0.10);
  --primary-blue-a12:  rgba(0,180,216,0.12);
  --primary-blue-a15:  rgba(0,180,216,0.15);
  --primary-blue-a20:  rgba(0,180,216,0.20);
  --primary-blue-a30:  rgba(0,180,216,0.30);
  --primary-blue-a40:  rgba(0,180,216,0.40);
  --primary-blue-a50:  rgba(0,180,216,0.50);

  --primary-blue-d10:  #0099B7;

  --gradient-primary:       linear-gradient(135deg,#03045E 0%,#0077B6 100%);
  --gradient-primary-hover: linear-gradient(135deg,#0077B6 0%,#00B4D8 100%);
  --gradient-light:         linear-gradient(135deg,#00B4D8 0%,#90E0EF 100%);
  --gradient-overlay:       linear-gradient(180deg,rgba(3,4,94,0.5) 0%,rgba(3,4,94,0.2) 100%);
  --gradient-calm:          linear-gradient(180deg,rgba(255,255,255,0.95) 0%,rgba(144,224,239,0.3) 100%);
}