/* IYA Data — вариант 1 «Бумага». Перекрывает токены NiceAdmin, разметку не меняет. */

:root {
  --default-font: Onest, "Segoe UI", Arial, sans-serif;
  --heading-font: Onest, "Segoe UI", Arial, sans-serif;
  --nav-font: Onest, "Segoe UI", Arial, sans-serif;

  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 14px;
  --bs-border-radius: 8px;
  --bs-border-radius-sm: 8px;
  --bs-border-radius-lg: 12px;
  --bs-btn-border-radius: 10px;
  --bs-card-border-radius: 12px;

  --background-color: #FBF8F3;
  --default-color: #0B2A5B;
  --heading-color: #0B2A5B;
  --accent-color: #0A7285;
  --surface-color: #FFFFFF;
  --contrast-color: #FFFFFF;
  --muted-color: #4A5C7A;
  --light-color: #7F91AD;
  --border-color: #E2DBCD;
  --border-color-light: #F3EDE2;
  --border-color-dark: #CFC6B4;
  --success-color: #1EA750;
  --success-color-light: #E3F2EA;
  --warning-color: #8A5F00;
  --warning-color-light: #FFF1C7;
  --danger-color: #B3261E;
  --danger-color-light: #FBE7E4;
  --info-color: #0A7285;
  --info-color-light: #D3EEF2;

  --header-bg: rgba(255, 255, 255, 0.92);
  --header-shadow: 0 1px 0 #E2DBCD;
  --header-border: #E2DBCD;
  --sidebar-bg: #F3EDE2;
  --sidebar-border: #E2DBCD;
  --sidebar-color: #0B2A5B;
  --sidebar-muted-color: #4A5C7A;
  --sidebar-hover-bg: #D3EEF2;
  --sidebar-active-bg: #D3EEF2;
  --sidebar-active-color: #0A7285;

  --card-bg: #FFFFFF;
  --card-border: #E2DBCD;
  --card-shadow: 0 1px 3px rgba(11, 42, 91, 0.08);
  --table-header-bg: #F3EDE2;
  --table-hover-bg: #F3EDE2;
  --table-stripe-bg: #FBF8F3;
  --input-bg: #FFFFFF;
  --input-border: #857E72;
  --input-focus-border: #0A7285;
  --input-focus-ring: rgba(10, 114, 133, 0.25);

  --shadow-sm: 0 1px 2px rgba(11, 42, 91, 0.06);
  --shadow-md: 0 1px 3px rgba(11, 42, 91, 0.08);
  --shadow-lg: 0 8px 24px rgba(11, 42, 91, 0.08);
  --shadow-xl: 0 14px 32px rgba(11, 42, 91, 0.1);
}

[data-theme="dark"] {
  --background-color: #071730;
  --default-color: #F4F1EA;
  --heading-color: #F4F1EA;
  --accent-color: #27B8CC;
  --surface-color: #0B2A5B;
  --contrast-color: #071730;
  --muted-color: #A9B7CE;
  --light-color: #7F91AD;
  --border-color: #24457B;
  --border-color-light: #1D4680;
  --border-color-dark: #123A75;
  --success-color: #4CC38A;
  --success-color-light: #0E3A2E;
  --warning-color: #F2C05A;
  --warning-color-light: #3B2F0A;
  --danger-color: #FF8A70;
  --danger-color-light: #4A211C;
  --info-color: #5FD3E3;
  --info-color-light: #123A75;

  --header-bg: rgba(11, 42, 91, 0.94);
  --header-shadow: none;
  --header-border: #24457B;
  --sidebar-bg: #0A2148;
  --sidebar-border: #24457B;
  --sidebar-color: #F4F1EA;
  --sidebar-muted-color: #A9B7CE;
  --sidebar-hover-bg: #123A75;
  --sidebar-active-bg: #123A75;
  --sidebar-active-color: #5FD3E3;

  --card-bg: #0B2A5B;
  --card-border: #24457B;
  --card-shadow: none;
  --table-header-bg: #0A2148;
  --table-hover-bg: #0E2E5E;
  --table-stripe-bg: #0A2148;
  --input-bg: #0B2A5B;
  --input-border: #7F91AD;
  --input-focus-border: #27B8CC;
  --input-focus-ring: rgba(39, 184, 204, 0.3);

  --bs-body-color: #F4F1EA;
  --bs-body-bg: #071730;
}

.brand-mark {
  width: 22px;
  height: 28px;
  object-fit: contain;
  display: block;
}

.brand-mark-dark {
  display: none;
}

[data-theme="dark"] .brand-mark-light {
  display: none;
}

[data-theme="dark"] .brand-mark-dark {
  display: block;
}

[data-theme="dark"] .header-logo img,
[data-theme="dark"] .fauth-logo img {
  filter: none;
}

.header-logo {
  width: auto;
  height: 32px;
}

.header-logo img {
  width: 22px;
  height: 28px;
}

.fauth-logo img {
  height: 32px;
  width: auto;
}

.sidebar-nav .nav-item > .nav-link.active,
.sidebar-nav .nav-submenu > li > .nav-link.active {
  background: var(--sidebar-active-bg);
  color: var(--sidebar-active-color);
  border-left-color: var(--accent-color);
}

.sidebar-nav .nav-item > .nav-link.active .nav-icon,
.sidebar-nav .nav-item > .nav-link.active .nav-arrow {
  color: var(--sidebar-active-color);
}

.form-check-input {
  border-radius: 8px;
  border-color: #857E72;
}

.form-check-input:checked {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}

[data-theme="dark"] .form-check-input {
  border-color: #7F91AD;
  background-color: var(--input-bg);
}

[data-theme="dark"] .btn-primary,
[data-theme="dark"] .btn-primary:hover,
[data-theme="dark"] .btn-primary:focus {
  color: #071730;
}

.fauth-form .input-group .btn,
.fauth-form .input-group .btn:hover {
  background: var(--input-bg);
  color: var(--muted-color);
  border-color: var(--input-border);
}