:root {
  --bitminds-primary: #1D3251;
  --bitminds-primary-strong: #162741;
  --bitminds-accent: #2D4C78;
  --bitminds-surface: #F5F7FA;
  --bitminds-text-on-dark: #FFFFFF;
}

body {
  accent-color: var(--bitminds-primary);
}

body::before {
  content: "bitminds";
  display: block;
  background: linear-gradient(90deg, var(--bitminds-primary), var(--bitminds-accent));
  color: var(--bitminds-text-on-dark);
  padding: 12px 18px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-align: center;
  text-transform: uppercase;
}

a,
a:visited {
  color: var(--bitminds-primary) !important;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
[role="button"] {
  border-color: var(--bitminds-primary) !important;
  box-shadow: none !important;
}

button:not([disabled]),
input[type="button"]:not([disabled]),
input[type="submit"]:not([disabled]),
input[type="reset"]:not([disabled]) {
  background: var(--bitminds-primary) !important;
  color: var(--bitminds-text-on-dark) !important;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
[role="button"]:hover {
  background: var(--bitminds-primary-strong) !important;
  border-color: var(--bitminds-primary-strong) !important;
}

input:focus,
textarea:focus,
select:focus,
button:focus,
*:focus-visible {
  outline-color: var(--bitminds-primary) !important;
  box-shadow: 0 0 0 2px rgba(29, 50, 81, 0.2) !important;
}

.card,
.box,
.modal,
.panel {
  border-radius: 12px !important;
}

table thead th {
  color: var(--bitminds-primary) !important;
}