/* Дефолтный скин: нейтрали Linear (почти чёрный), акцент #03AAC1.
   Зрелищность — свет и глубина, не neon-glow и не scale.
   Текст UI — Wix Madefor Text; wordmark и крупные заголовки — Madefor Display. */
@import url("https://fonts.googleapis.com/css2?family=Wix+Madefor+Display:wght@400;600;700;800&family=Wix+Madefor+Text:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");

:root {
  --font-sans: "Wix Madefor Text", system-ui, sans-serif;
  --font-display: "Wix Madefor Display", var(--font-sans);

  --color-bg: #08090a;
  --color-bg-rgb: 8 9 10;
  --color-bg-elevated: #0f1011;
  --color-bg-elevated-rgb: 15 16 17;
  --color-bg-card: #191a1b;
  --color-bg-card-rgb: 25 26 27;
  --color-bg-card-end: #0f1011;
  --color-bg-hover: #1f2023;
  --color-bg-hover-rgb: 31 32 35;
  --color-bg-stat-hover: #252629;

  --color-text: #f7f8f8;
  --color-text-rgb: 247 248 248;
  --color-text-secondary: #8a8f98;
  --color-text-secondary-rgb: 138 143 152;
  --color-text-muted: #62666d;
  --color-text-muted-rgb: 98 102 109;

  --color-border: #26262a;
  --color-border-rgb: 38 38 42;
  --color-border-secondary: #323338;

  --color-accent: #03aac1;
  --color-accent-rgb: 3 170 193;
  --color-accent-hover: #14b8cc;
  --color-accent-hover-rgb: 20 184 204;
  --color-accent-muted: #4ecad8;
  --color-on-accent: #08090a;

  /* Семантика ≠ бренд. Акцент — CTA и «принимаю заявки».
     live — устройство на связи. pending — ожидание. Исходы (завершено, рост) — green-400 в TSX. */
  --color-live: #22d3ee;
  --color-live-rgb: 34 211 238;
  --color-pending: #f59e0b;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 8px;
  --radius-card: 10px;

  --shadow-glow: none;
  --shadow-glow-lg: none;
  --shadow-focus: 0 0 0 3px rgb(var(--color-accent-rgb) / 0.28);
  --shadow-card: inset 0 1px 0 0 rgb(255 255 255 / 0.04);
  --shadow-card-hover: inset 0 1px 0 0 rgb(255 255 255 / 0.07);
  --shadow-badge: none;
  --shadow-btn: inset 0 1px 0 0 rgb(255 255 255 / 0.14), 0 1px 1px rgb(0 0 0 / 0.35);
  --shadow-btn-hover: inset 0 1px 0 0 rgb(255 255 255 / 0.2), 0 1px 2px rgb(0 0 0 / 0.4);

  --gradient-primary: linear-gradient(180deg, #0f1011 0%, var(--color-bg) 36%, #08090a 100%);
  --gradient-card: linear-gradient(180deg, #1c1c1f 0%, var(--color-bg-card) 100%);
  --gradient-accent: linear-gradient(165deg, #14b8cc 0%, var(--color-accent) 52%, #028a9c 100%);
  --gradient-accent-hover: linear-gradient(165deg, #3ecad8 0%, var(--color-accent-hover) 52%, #03aac1 100%);

  --btn-hover-scale: 1;
  --btn-hover-y: -1px;
  --badge-animation: none;

  --select-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2303aac1' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
}

html {
  font-variant-numeric: lining-nums;
}

/* Заголовки и wordmark. Класс в скине, чтобы не плодить утилиту в каждом Tailwind. */
.font-display {
  font-family: var(--font-display);
}