:root {

  /* ===== COLORS ===== */

  --navy-dark: #071B34;
  --navy-royal: #0E2F56;

  --teal-primary: #00B8C4;
  --teal-soft: #7EE7EE;

  --orange-accent: #F97316;
  --orange-soft: #FB923C;

  --white-soft: #F8FBFD;
  --white-pure: #FFFFFF;

  --text-dark: #10243E;
  --text-light: #6B7A90;

  /* ===== GLASS ===== */

  --glass-bg: rgba(255,255,255,0.08);
  --glass-border: rgba(255,255,255,0.15);

  /* ===== SHADOWS ===== */

  --shadow-soft:
    0 10px 30px rgba(0,0,0,0.08);

  --shadow-glow:
    0 0 25px rgba(0,184,196,0.15);

  /* ===== GRADIENTS ===== */

  --gradient-primary:
    linear-gradient(
      135deg,
      #00B8C4,
      #0E2F56
    );

  --gradient-accent:
    linear-gradient(
      135deg,
      #F97316,
      #FB923C
    );

}