:root {
  --color-base: #eee;
  --color-text: #333;
  /* --color-heading: #5c99df;
  --color-accent: #99c8ff; */
  --color-heading: #0175d1;
  --color-accent: #99c8ff;
  --color-complement: #0175d1;
  --color-field: #ffe1cd;
  --color-field-content: #555;
  --color-shade: #000;
  accent-color: var(--color-accent);
  --font-sans: Verdana, "Segoe UI Symbol", 'Poppins', sans-serif, Arial, Verdana;
  --font-sans2: "Cambria", Corbel, "Inter", sans-serif;
  --font-forms: Corbel, 'Global User Interface', Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
  --font-display: "Playfair Display", 'Bodoni MT', serif;
  --font-base: 'Segoe UI', "Helvetica Neue", Helvetica, Geologica, Verdana, Tahoma, Arial, Sans-Serif;
  --font-table: 'Segoe UI', Geologica, Verdana, Tahoma, Arial, Sans-Serif;
  --font-heading1: "Segoe UI Symbol", 'Segoe UI', Tahoma, Poppins, Helvetica, sans-serif;
  --font-heading2: 'Segoe UI', Tahoma, Poppins, Helvetica, sans-serif;
  --spacing: 20px;
  color-scheme: light dark;
  /* Hint to the browser for system UI elements */
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-base: #405368; /* #434840; */
    --color-text: #fff;
    --color-heading: #00b9ff; /* #86bcea; */
    --color-accent: #1a2429;
    accent-color: var(--color-accent);
  }
}


::-webkit-calendar-picker-indicator {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23bbbbbb" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');
}

.handicon {
  cursor: pointer;
}