@font-face {
  font-family: Raleway;
  src: url(../static/fonts/Raleway-Regular.ttf);
}

/* base */
body {
  background-color: #D1D6EE;
  font-family: Raleway, sans-serif;
  color: #4e297a;
  font-weight: bold;
  margin: 0;
}

.logo { padding: 30px; }

.row { padding: 5px 0 0 0; }

h1 { font-weight: 500; font-size: 24px; }
h2 { font-weight: 500; font-size: 20px; }
h3 { font-weight: 500; font-size: 18px; margin: 0 0 8px 0; }

p { font-weight: 400; }

/* buttons — keep old sizing (no padding/width added) */
input.btn {
  color: #FFFFFF;
  background-color: #4e297a;
  border: none;
  cursor: pointer;
}
input.btn:hover {
  color: #4e297a;
  background-color: #fcb900;
}

/* gray cancel variant, same size as .btn */
input.btn-cancel {
  background-color: #6b7380;
  color: #fff;
}
input.btn-cancel:hover {
  background-color: #fcb900;
  color: #4e297a;
}

/* logout variant (same small size) */
input.btn-logout {
  background-color: #d9534f;
  color: #fff;
}
input.btn-logout:hover {
  background-color: #c9302c;
  color: #fff;
}

/* layout: two skinny columns; buttons keep intrinsic size */
.actions-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.actions-grid {
  display: grid;
  grid-template-columns: auto auto;
  gap: 24px 80px; /* row gap, column gap */
  align-items: start;
  justify-content: center;
}

.actions-col { text-align: center; }

/* vertical stack with small spacing */
.stack { display: grid; gap: 12px; }

/* remove underline from any accidental links */
.actions-grid a,
.actions-grid a:hover,
.actions-grid a:focus,
.actions-grid a:visited {
  text-decoration: none !important;
  border-bottom: 0 !important;
  outline: none !important;
}