:root {
  --adm-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --adm-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  --adm-color-primary: #0d6efd;
  --adm-color-accent: #00aaff;
  --adm-color-success: #198754;
  --adm-color-warning: #f59e0b;
  --adm-color-danger: #dc3545;
  --adm-color-bg: #f5f7fb;
  --adm-color-surface: #ffffff;
  --adm-color-surface-soft: #f8fafc;
  --adm-color-border: #dbe4ec;
  --adm-color-border-soft: #edf2f7;
  --adm-color-text: #1f2d3d;
  --adm-color-heading: #102033;
  --adm-color-muted: #64748b;
  --adm-color-subtle: #94a3b8;

  --adm-radius-xs: 4px;
  --adm-radius-sm: 6px;
  --adm-radius-md: 8px;
  --adm-radius-pill: 999px;

  --adm-space-1: 4px;
  --adm-space-2: 8px;
  --adm-space-3: 12px;
  --adm-space-4: 16px;
  --adm-space-5: 20px;
  --adm-space-6: 24px;

  --adm-shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
  --adm-shadow-md: 0 10px 24px rgba(15, 23, 42, 0.08);
  --adm-focus-ring: 0 0 0 3px rgba(13, 110, 253, 0.16);

  --adm-control-height-sm: 32px;
  --adm-control-height: 38px;
  --adm-control-height-touch: 44px;
}

html {
  font-family: var(--adm-font-sans);
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
}

body {
  font-family: var(--adm-font-sans);
  color: var(--adm-color-text);
  background-color: var(--adm-color-bg);
  letter-spacing: 0;
}

button,
input,
select,
textarea {
  font: inherit;
  letter-spacing: 0;
}

code,
kbd,
pre,
samp {
  font-family: var(--adm-font-mono);
}

table {
  font-variant-numeric: tabular-nums;
}

#wrapper .main {
  background-color: var(--adm-color-bg);
}

.content-heading,
.adms-clean-heading {
  color: var(--adm-color-heading);
}

.content-heading h1,
.content-heading h2,
.content-heading h3,
.adms-clean-heading h1,
.adms-clean-heading h2,
.adms-clean-heading h3,
.title-content,
.page-title {
  font-family: var(--adm-font-sans);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
}

.panel,
.card,
.adms-al-item {
  border-color: var(--adm-color-border-soft);
}

.form-control,
.custom-select,
select.form-control {
  border-color: var(--adm-color-border);
  color: var(--adm-color-text);
}

.form-control:focus,
.custom-select:focus,
select.form-control:focus {
  border-color: var(--adm-color-primary);
  box-shadow: var(--adm-focus-ring);
}

.text-muted,
.adms-muted,
.adms-al-meta,
.adms-smart-list-label {
  color: var(--adm-color-muted) !important;
}

@media (max-width: 767.98px) {
  .form-control,
  .custom-select,
  select.form-control,
  .btn {
    min-height: var(--adm-control-height-touch);
  }

  .btn-sm,
  .form-control-sm,
  select.form-control-sm {
    min-height: var(--adm-control-height);
  }
}