@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,300..700,0..1,-50..200&display=swap');

/*
  fonts.css — loaded automatically by Dash from /assets/
  Uses Geist for the main UI and Material Symbols Rounded for iconography.
*/

:root {
  --font-sans: "Geist", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Geist Mono", "Cascadia Code", "Consolas", "Courier New", monospace;
}

body,
.dash-application,
.navbar,
.module-card,
.result-card,
.rpt-panel,
button,
input,
select,
.Select-control {
  font-family: var(--font-sans) !important;
}

pre,
code,
.progress-msg,
#pipeline-log {
  font-family: var(--font-mono) !important;
}

.material-symbols-rounded {
  font-family: 'Material Symbols Rounded' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  font-variation-settings:
    'FILL' 1,
    'wght' 500,
    'GRAD' 0,
    'opsz' 24;
}