:root,
html {
  --color-bg: #f5f5f3;
  --color-text: #171717;
  --theme-color: #171717;
  --mat-sys-surface: #f5f5f3;
  --mat-sys-surface-container: #ffffff;
  --mat-sys-surface-container-low: #ffffff;
  --mat-sys-on-surface: #171717;
  --mat-sys-primary: #171717;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-outline: #d7d7d2;
  --mat-sys-corner-medium: 16px;
}

html,
body {
  background: #f5f5f3 !important;
  color: #171717 !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body {
  letter-spacing: -0.01em;
}

mat-toolbar {
  min-height: 72px !important;
  height: 72px !important;
  padding: 0 28px !important;
  background: #f5f5f3 !important;
  border-bottom: 1px solid #e7e7e2;
}

mat-drawer-container,
mat-drawer-content {
  background: #f5f5f3 !important;
}

h1 {
  margin: 36px 0 20px !important;
  font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
  font-weight: 650 !important;
  letter-spacing: -0.04em;
}

mat-card.form-card,
mat-card {
  border: 1px solid #e1e1dc !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 50px rgb(0 0 0 / 8%) !important;
  background: #ffffff !important;
}

mat-card.form-card {
  padding: 8px !important;
}

mat-form-field {
  --mat-form-field-container-height: 54px;
}

button,
a[mat-button] {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0.01em !important;
}

button[mat-flat-button],
button[mat-raised-button] {
  min-height: 46px;
  border-radius: 11px !important;
  background: #171717 !important;
  color: #ffffff !important;
  font-weight: 650;
  transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

button[mat-flat-button]:hover:not([disabled]),
button[mat-raised-button]:hover:not([disabled]) {
  background: #3b3b3b !important;
  box-shadow: 0 8px 18px rgb(0 0 0 / 18%) !important;
  transform: translateY(-1px);
}

button[mat-flat-button]:active:not([disabled]),
button[mat-raised-button]:active:not([disabled]) {
  background: #000000 !important;
  box-shadow: none !important;
  transform: translateY(0);
}

button[mat-button]:hover:not([disabled]),
a[mat-button]:hover {
  background: #e9e9e5 !important;
}

a[mat-button] {
  border-radius: 10px !important;
}

input::placeholder,
textarea::placeholder {
  color: #8a8a84 !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 0.94rem;
  font-weight: 400;
  opacity: 1;
}

a {
  color: #171717 !important;
}