/* Bigon desktop — design tokens, extracted from Figma SG7jHFmMbXAHVFpctabyHy.
   Single source of truth for the desktop marketplace (light user theme + dark admin). */
:root {
  /* Brand / accent */
  /* #55 — палитра сведена к ДВУМ цветам логотипа (фиолет + зелёный).
     Бывший «голубой» #0066F5 (третий цвет, на который жаловался клиент) переведён
     в бренд-фиолетовый — теперь все ссылки/акценты/кнопки только фиолет+зелёный. */
  --bg-blue: #6C5CE7;            /* был #0066F5 — теперь бренд-фиолет (links, accent, .btn--blue) */
  --bg-blue-600: #5b4bd1;
  --bg-purple: #917DFA;          /* "Каталог" gradient / accent */
  --bg-purple-deep: #5D5386;
  --grad-catalog: linear-gradient(135deg, #917DFA 0%, #6C5CE7 100%);
  --grad-cta: linear-gradient(135deg, #917DFA 0%, #6C5CE7 100%); /* #55 — сведено к фиолетовому (было cyan→blue), единый бренд-цвет с «Каталог» */

  /* Text */
  --tx: #212529;                 /* primary body text */
  --tx-head: #001A34;            /* headings */
  --tx-muted: #858585;
  --tx-muted-2: #757575;
  --tx-soft: #98A8B4;

  /* Surfaces */
  --surface: #FFFFFF;
  --bg: #F7F8FA;                 /* page background / input fill */
  --line: #DADADA;
  --line-soft: #EEF1F4;

  /* Status */
  --ok: #53B374;                 /* published / success / green button */
  --warn: #FAB718;               /* moderation / pending */
  --danger: #EB001B;            /* reject / delete */

  /* Admin (dark sidebar theme) */
  --admin-sidebar: #1E1B3A;
  --admin-sidebar-tx: #C8C5DD;
  --admin-bg: #F4F5FB;

  /* Type */
  --font: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fz-11: 11px; --fz-13: 13px; --fz-14: 14px; --fz-15: 15px;
  --fz-17: 17px; --fz-20: 20px; --fz-24: 24px; --fz-32: 32px;
  --fw-reg: 400; --fw-med: 500; --fw-semi: 600; --fw-bold: 700;

  /* Layout */
  --radius: 12px; --radius-sm: 8px; --radius-pill: 999px;
  --shadow-card: 0 4px 24px rgba(0, 26, 52, 0.06);
  --container: 1340px;           /* matches Figma Container 1340/1005 */
  --sidebar-w: 305px;            /* cabinet left sidebar (Figma Profile = 305) */
  --content-w: 1005px;           /* cabinet content column */
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body { margin: 0; }
body {
  font-family: var(--font);
  font-size: var(--fz-14);
  font-weight: var(--fw-reg);
  color: var(--tx);
  background: var(--surface);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--bg-blue); text-decoration: none; }
h1, h2, h3 { color: var(--tx-head); margin: 0; }
button { font-family: var(--font); cursor: pointer; }
