:root {
  --color-bg: #f8f9fa;
  --color-surface: #ffffff;
  --color-border: #e5e7eb;
  --color-text: #0f172a;
  --color-muted: #475569;
  --color-primary: #005f73;
  --color-accent: #ee9b00;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --shadow-soft: 0 4px 12px rgba(15, 23, 42, 0.06);
}

html,
body {
  height: 100%;
  min-height: 100%;
  min-height: 100dvh;
  margin: 0;
  padding: 0;
  overscroll-behavior-y: none;
  overscroll-behavior-x: none;
  overflow-x: hidden;
  background-color: var(--color-bg);
  color: var(--color-text);
}

#react-entry-point,
#_dash-app-content,
#page-content {
  min-height: 100%;
  min-height: 100dvh;
  background-color: var(--color-bg);
}

@supports (-webkit-touch-callout: none) {
  html,
  body,
  #react-entry-point,
  #_dash-app-content,
  #page-content {
    min-height: -webkit-fill-available;
  }
}

input:invalid {
  outline: none !important;
}