:root {
  --uralsib-deep: #452071;
  --uralsib-purple: #65369a;
  --uralsib-violet: #8657b5;
  --uralsib-plum: #32134f;
  --uralsib-beige: #f4efe9;
  --uralsib-beige-light: #faf8f5;
  --uralsib-border: #ded5e7;
  --uralsib-text: #241c2c;
  --uralsib-muted: #746b7c;
  --uralsib-glow: linear-gradient(105deg, #55258a 0%, #854db2 55%, #c86c9b 100%);
  color: var(--uralsib-text);
  background: var(--uralsib-beige);
}

body {
  color: var(--uralsib-text);
  background:
    radial-gradient(circle at 85% 4%, rgba(194, 115, 165, 0.13), transparent 28%),
    var(--uralsib-beige);
}

header {
  width: 100%;
  padding-right: 24px;
  padding-left: 24px;
  justify-content: space-between;
  background:
    radial-gradient(circle at 76% 10%, rgba(231, 137, 183, 0.3), transparent 25%),
    linear-gradient(115deg, var(--uralsib-plum), var(--uralsib-deep) 55%, #70419c);
  box-shadow: 0 8px 25px rgba(69, 32, 113, 0.22);
}

.brand {
  margin-right: auto;
}

header nav {
  margin-left: auto;
}

nav a,
.link-button {
  color: #f2eaf8;
}

.card {
  border-color: rgba(69, 32, 113, 0.12);
  box-shadow: 0 7px 24px rgba(63, 35, 78, 0.07);
}

.primary,
.button.primary {
  border-color: var(--uralsib-deep);
  background: var(--uralsib-glow);
  color: #fff;
  box-shadow: 0 5px 14px rgba(91, 42, 139, 0.2);
}

.primary:hover,
.button.primary:hover {
  filter: brightness(1.06);
  box-shadow: 0 7px 18px rgba(91, 42, 139, 0.28);
}

.button:not(.primary),
button:not(.primary) {
  border-color: var(--uralsib-border);
  color: var(--uralsib-deep);
}

.delete-button,
button.delete-button:not(.primary) {
  border-color: #d9a6b5;
  color: #9d2449;
  background: #fff7f9;
}

.delete-button:hover,
button.delete-button:not(.primary):hover {
  border-color: #b8345d;
  color: #7e1738;
  background: #fcecf1;
}

a {
  color: var(--uralsib-purple);
}

input,
select,
textarea {
  border-color: var(--uralsib-border);
  color: var(--uralsib-text);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--uralsib-violet);
  outline: 3px solid rgba(134, 87, 181, 0.15);
}

.filters {
  background: var(--uralsib-beige-light);
}

th {
  color: var(--uralsib-deep);
  background: #f7f2fa;
}

th,
td {
  border-bottom-color: #eee7f2;
}

.form-tabs {
  background: #eee7f2;
}

.form-tab {
  color: #6c5a78;
}

.form-tab.active {
  color: #fff;
  background: var(--uralsib-glow);
  box-shadow: 0 4px 12px rgba(69, 32, 113, 0.2);
}

.form-actions {
  border-top-color: #ece4f0;
}

.back-to-journal {
  color: var(--uralsib-purple);
}

.back-to-journal:hover {
  color: var(--uralsib-plum);
  border-bottom-color: var(--uralsib-plum);
}

.status {
  background: #eee7f2;
  color: var(--uralsib-deep);
}

.status.received,
.status.planned {
  background: #eee5f7;
  color: #58248a;
}

.status.in_progress,
.status.review {
  background: #f7e8f1;
  color: #8d376c;
}

.status.revision {
  background: #fff0d9;
  color: #8b571c;
}

.status.arbitration {
  background: #f7e6d9;
  color: #914f25;
}

.status.done {
  background: #e5f1e9;
  color: #24714a;
}

.status.cancelled {
  background: #eee9e7;
  color: #6f5e58;
}

.underwriting-table .actions-cell {
  background: #fff;
  box-shadow: -8px 0 12px rgba(69, 32, 113, 0.07);
}

::selection {
  color: #fff;
  background: var(--uralsib-purple);
}
