:root {
  --np-primary: #16537e;
  --np-primary-light: #5cc6d0;
  --np-secondary: #82acab;
  --np-accent: #d3e4e7;
  --np-success: #28d17b;
  --np-error: #f44336;
  --np-warning: #f5b942;
  --np-info: #00bcd4;
  --np-white: #ffffff;
  --np-black: #000000;
  --np-light-gray: #f5f5f5;
  --np-dark-gray: #1e1e1e;
  --np-text-main: #212529;
  --np-text-muted: #6c757d;
  --np-text-inverse: #ffffff;
  --np-bg-main: #fafbff;
  --np-bg-alt: #e9f0f7;
  --np-bg-hover: #f0f4ff;
  --np-border-light: #dee2e6;
  --np-border-dark: #adb5bd;
  --primary-color: #021336;
    
    --secondary-color:#16537e;;
    --text-color: rgb(24, 15, 15);
    --white-color:white;
}