/* T1.16 каркас дизайн-токенов --nb-* (ТЗ §8.4.2). Решение № 32 — согласовать направление с Петром. */
:root,
:host {
  --nb-radius-xs: 8px;
  --nb-radius-sm: 12px;
  --nb-radius-md: 16px;
  --nb-radius-lg: 22px;
  --nb-radius-xl: 28px;
  --nb-radius-pill: 999px;
  --nb-space-1: 4px;
  --nb-space-2: 8px;
  --nb-space-3: 12px;
  --nb-space-4: 16px;
  --nb-space-5: 20px;
  --nb-space-6: 24px;
  --nb-space-8: 32px;
  --nb-hit: 44px;
  --nb-glass-bg: rgb(255 255 255 / 0.72);
  --nb-glass-stroke: rgb(255 255 255 / 0.55);
  --nb-glass-edge: rgb(0 0 0 / 0.08);
  --nb-glass-blur: 16px;
  --nb-glass-saturate: 160%;
  --nb-dim-under-clear: rgb(0 0 0 / 0.35);
  --nb-surface-solid: #ffffff;
  --nb-text-1: #1c1c1e;
  --nb-text-2-on-glass: #3a3a3c;
  --nb-accent: #0a5bd6;
  --nb-shadow-glass: 0 1px 2px rgb(0 0 0 / 0.08), 0 8px 24px rgb(0 0 0 / 0.1);
  --nb-shadow-card: 0 1px 2px rgb(0 0 0 / 0.06), 0 4px 12px rgb(0 0 0 / 0.06);
  --nb-font-body: "Manrope", system-ui, sans-serif;
  --nb-font-display: "Manrope", var(--nb-font-body);
  --nb-fs-caption: 13px / 18px;
  --nb-fs-secondary: 15px / 20px;
  --nb-fs-body: 17px / 24px;
  --nb-fs-title: 22px / 28px;
}

[data-clear-mode="true"],
[data-lite] {
  --nb-glass-bg: #ffffff;
  --nb-glass-blur: 0px;
}

.nb-hit {
  min-width: var(--nb-hit);
  min-height: var(--nb-hit);
}

.nb-glass {
  background: var(--nb-glass-bg);
  backdrop-filter: blur(var(--nb-glass-blur)) saturate(var(--nb-glass-saturate));
  border: 1px solid var(--nb-glass-stroke);
  box-shadow: var(--nb-shadow-glass);
  border-radius: var(--nb-radius-lg);
}

.nb-surface {
  background: var(--nb-surface-solid);
  color: var(--nb-text-1);
  border-radius: var(--nb-radius-md);
  box-shadow: var(--nb-shadow-card);
}

.nb-btn {
  font: var(--nb-fs-body);
  font-family: var(--nb-font-body);
  color: #fff;
  background: var(--nb-accent);
  border: 0;
  border-radius: var(--nb-radius-sm);
  padding: var(--nb-space-3) var(--nb-space-4);
  min-height: var(--nb-hit);
  cursor: pointer;
}