/* Role Selection Cards */
.role-card {
  display: block;
  height: 100%;
  cursor: pointer;
}

.role-card .card {
  height: 100%;
  transition: border-color 0.2s;
  border: 2px solid #e8e8e8;
  background-color: #fafafa;
  box-shadow: none;
}

.role-card .card:hover {
  border-color: #b5b5b5;
}

.role-card-input:checked + .card {
  border-color: #00d1b2;
}

.role-card-input:focus + .card {
  outline: 2px solid #00d1b2;
  outline-offset: 2px;
}

/* Dark mode */
[data-theme="dark"] .role-card .card {
  border-color: #4a4a4a;
  background-color: #1f2937;
}

[data-theme="dark"] .role-card .card:hover {
  border-color: #6b6b6b;
}

[data-theme="dark"] .role-card .card .title {
  color: #f5f5f5;
}

[data-theme="dark"] .role-card .card .subtitle {
  color: #e8e8e8;
}

[data-theme="dark"] .role-card .card .icon {
  color: #b5b5b5;
}

[data-theme="dark"] .role-card-input:checked + .card {
  border-color: #00d1b2;
}