:root {
  --oxy-primary: #005bb2;
  --oxy-primary-container: #0073df;
  --oxy-brand-teal: #084858;
  --oxy-brand-blue: #1c78bc;
  --oxy-brand-lime: #b4e404;
  --oxy-secondary-container: #c1f420;
  --oxy-surface: #f7f9ff;
  --oxy-surface-low: #f1f4fa;
  --oxy-surface-lowest: #ffffff;
  --oxy-on-surface: #181c20;
  --oxy-muted: #5c6370;
  --oxy-radius: 8px;
  --oxy-shadow: 0 8px 32px rgba(24, 28, 32, 0.06);
  --oxy-sidebar-expanded: 240px;
  --oxy-sidebar-compact: 72px;
  --oxy-font: "Manrope", "Montserrat", "Segoe UI", sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: var(--oxy-font);
  color: var(--oxy-on-surface);
  background: var(--oxy-surface);
}

a {
  color: var(--oxy-primary);
  text-decoration: none;
}

button {
  font-family: inherit;
}