:root {
  /* Primary Brand Colors */
  --primary-blue: rgba(10,10,10, 0.9);
  --primary-blue-hover: rgba(71, 147, 255, 0.9);
  --primary-blue-light: rgba(09, 100, 255, 0.9);
  --primary-blue-medium: rgba(42, 170, 239, 0.2);
  --primary-blue-border: rgba(42, 170, 239, 0.5);
  --primary-blue-shadow: rgba(42, 170, 239, 0.3);
  --primary-blue-strong-shadow: rgba(42, 170, 239, 0.4);
  --primary-black: rgba(10,10,10, 0.9);
  
  /* Secondary Blues */
  --secondary-blue-light: rgba(135, 206, 235, 0.4);
  --secondary-blue-medium: rgba(74, 144, 226, 0.6);
  --secondary-blue-fade: rgba(74, 144, 226, 0.3);
  --secondary-blue-subtle: rgba(135, 206, 235, 0.1);
  
  --black: rgba(00,00,00,1);
  --faded-black: rgba(00,00,00,.7);

  /* Simple navigation button states */
  --nav-color: var(var(--black));
  --nav-hover: var(var(--faded-black));
  --nav-active-color: var(var(--primary-blue-light));
  --nav-hover-bg: var(--primary-blue-light);
  --nav-active-bg: var(--primary-blue-medium);
  --nav-hover-shadow: 0 2px 8px var(--glass-shadow);
  --nav-transform-hover: translateY(-1px);

    /* Call button states */
    --call-end-bg: #dc3545;
    --call-end-bg-hover: #c82333;
    --call-end-shadow: rgba(220, 53, 69, 0.3);
    --call-end-shadow-hover: rgba(220, 53, 69, 0.4);

    
  /* Glass/Backdrop Effects */
  --glass-background: rgba(255, 255, 255, 0.4);
  --glass-background-strong: rgba(255, 255, 255, 0.6);
  --glass-background-call-mode: rgba(255, 255, 255, 0.98);
  --glass-border: rgba(10, 10, 10, 0.5);
  --glass-border-hover: rgb(42, 170, 239);
  --glass-shadow: rgba(42, 170, 239, 0.1);
  --glass-shadow-strong: rgba(42, 170, 239, 0.2);
  
  /* Text Colors */
  --text-primary: #333;
  --text-secondary: #666;
  --text-muted: #999;
  --text-disabled: #888;
  --text-white: white;
  
  /* Background Colors */
  --background-main: white;
  --background-disabled: rgba(240, 240, 240, 0.6);
  
  /* Gradients */
  --gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(42, 170, 239, 0.05) 100%);
  --gradient-glass-strong: linear-gradient(135deg, rgba(248, 249, 249, 0.3) 0%, rgba(233, 237, 239, 0.1) 100%);
  --gradient-call-mode: radial-gradient(ellipse at center top, rgba(135, 206, 235, 0.4) 0%, rgba(74, 144, 226, 0.6) 30%, rgba(74, 144, 226, 0.3) 60%, rgba(135, 206, 235, 0.1) 100%);
  --gradient-phone-icon: linear-gradient(135deg, rgba(42, 170, 239, 0.1) 0%, rgba(42, 170, 239, 0.2) 100%);
  --gradient-phone-active: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 1) 100%);
  
  /* Legacy Link Colors */
  --link-blue: #0964ff;
  --link-blue-hover: #0752cc;
}