:root {
    --bg-blue: #0288d1;
    --bg-blue-hover: #0275b4;
    --bg-gray-light: #f4f5f7;
    --bg-gray: #bec8d2;
    --bg-gray-hover: #9dacbb;
    --text-blue:#0288d1;
    --text-blue-hover:#0275b4;
    --border-gray: #bec8d2;
    --border-blue: #0288d1;
    --text-gray: #1f2937;
    --text-gray-light: #374151;
    --text-gray-lighter: #4b5563; 
    --button-min-width: 200px;
    --modal-radius: 0.5rem;
    --modal-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/material_icons.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}