@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600&display=swap");

:root {
  --brand: #b30059;
  --brand-dark: #7b1530;
  --ink: #222;
  --ink-soft: #555;
  --paper: #ffffff;
  --bg-soft: #faf7fa;
  --border: #e3d3dc;

  --radius: 10px;
  --sidebar-width: 250px;
  --field-radius: 14px;
  --field-pad-y: 11px;
  --field-pad-x: 12px;

  font-size: 16px;
}

html,
body {
  max-width: 100%;
  overflow-x: auto;
}

body {
  margin: 0;
  padding: 0;
  background: var(--paper);
  font-family: "Roboto", sans-serif;
  color: var(--ink);
}
a {
  color: var(--brand);
  text-decoration: none;
  font-weight: 500;
}
a:hover {
  opacity: 0.85;
  color: #000;
}