/* yellowteam — токены Prodviger (как в ИИ SEO), акцент жёлтый #FFC700 вместо лайма.
   Имя переменной --pv-lime оставлено: на нём построены компоненты pv.css.
   Prodviger — design tokens as CSS custom properties.
   Mirror of tokens/tokens.json. Import once at the app root.
   Fonts: Onest, Unbounded, JetBrains Mono (Google Fonts or @fontsource packages). */

@import url("https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&family=Unbounded:wght@500;600&family=JetBrains+Mono:wght@400;500&display=swap");

:root {
  /* Backgrounds */
  --pv-bg-canvas: #F3F3EF;
  --pv-bg-surface: #FFFFFF;
  --pv-bg-subtle: #F7F7F4;
  --pv-bg-muted: #F1F1EC;
  --pv-bg-table-header: #FAFAF7;
  --pv-bg-segmented: #E8E8E2;
  --pv-bg-segmented-card: #EEEEE9;
  --pv-bg-selected: #FFF7D6;
  --pv-bg-inverse: #14161B;

  /* Borders */
  --pv-border-default: #E4E4DE;
  --pv-border-control: #D9D9D2;
  --pv-border-kbd: #DCDCD5;
  --pv-border-hairline: #EEEEE9;
  --pv-border-strong: #B9B9B1;

  /* Text */
  --pv-text-primary: #14161B;
  --pv-text-secondary: #555861;
  --pv-text-caption: #6B6E77;
  --pv-text-disabled: #A3A6AE;
  --pv-text-inverse: #FFFFFF;
  --pv-text-link: #3B46C4;
  --pv-text-link-hover: #2A3399;

  /* Brand */
  --pv-lime: #FFC700;   /* акцент yellowteam: только заливкой, под тёмным текстом и иконками */
  --pv-ink: #14161B;

  /* Sidebar (dark) */
  --pv-sidebar-bg: #14161B;
  --pv-sidebar-surface: #1D2027;
  --pv-sidebar-border: #2B2E37;
  --pv-sidebar-elevated: #2C303A;
  --pv-sidebar-text: #C4C7CF;
  --pv-sidebar-text-strong: #FFFFFF;
  --pv-sidebar-icon: #9A9EA9;
  --pv-sidebar-group-label: #8A8E9A;
  --pv-sidebar-active-bg: #FFC700;
  --pv-sidebar-active-text: #14161B;

  /* Status (fg on bg) */
  --pv-critical-fg: #B42323;  --pv-critical-bg: #FBE7E7;
  --pv-warning-fg: #8A5700;   --pv-warning-bg: #FFF1D6;
  --pv-success-fg: #17803D;   --pv-success-bg: #E3F5E8;
  --pv-info-fg: #3B46C4;      --pv-info-bg: #ECEEFF;
  --pv-neutral-fg: #555861;   --pv-neutral-bg: #EEEEE9;
  --pv-alert-badge: #C93030;

  /* Charts (categorical, fixed order) */
  --pv-series-1: #4A56E2;  /* Яндекс / наш сайт */
  --pv-series-2: #13A38B;  /* Google */
  --pv-series-3: #E0843A;
  --pv-series-4: #B4467D;
  --pv-chart-grid: #EEEEE9;
  --pv-chart-axis: #D9D9D2;
  --pv-chart-axis-text: #6B6E77;
  --pv-chart-crosshair: #B9B9B1;
  --pv-chart-tooltip-bg: #14161B;
  --pv-chart-tooltip-text: #FFFFFF;
  --pv-chart-tooltip-secondary: #B9BCC6;
  --pv-chart-track: #F1F1EC;
  --pv-chart-empty-dot: #E4E4DE;

  /* Position heat cells */
  --pv-heat-top3-bg: #CDEFD8;   --pv-heat-top3-fg: #0F5F2C;   /* 1–3 */
  --pv-heat-top10-bg: #E3F5E8;  --pv-heat-top10-fg: #17803D;  /* 4–10 */
  --pv-heat-top30-bg: #FFF1D6;  --pv-heat-top30-fg: #8A5700;  /* 11–30 */
  --pv-heat-top100-bg: #F1F1EC; --pv-heat-top100-fg: #555861; /* 31–100 */
  --pv-heat-out-fg: #6B6E77;                                  /* >100: «—» */

  /* Code block */
  --pv-code-bg: #14161B;
  --pv-code-text: #E6E7EB;
  --pv-code-string: #FFC700;
  --pv-code-key: #9FB0FF;

  /* Typography */
  --pv-font-sans: Onest, "Segoe UI", system-ui, sans-serif;
  --pv-font-display: Unbounded, Onest, sans-serif;
  --pv-font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;

  --pv-text-h1: 500 24px/30px var(--pv-font-display);     /* letter-spacing: -0.01em */
  --pv-text-kpi: 500 26px/32px var(--pv-font-display);    /* letter-spacing: -0.02em; tabular-nums */
  --pv-text-h2: 600 16px/20px var(--pv-font-sans);
  --pv-text-body: 400 14px/20px var(--pv-font-sans);
  --pv-text-small: 400 13px/17px var(--pv-font-sans);
  --pv-text-caption: 400 12px/16px var(--pv-font-sans);
  --pv-text-micro: 600 11px/14px var(--pv-font-sans);
  --pv-text-mono: 400 12.5px/16px var(--pv-font-mono);

  /* Radii */
  --pv-radius-xs: 4px;
  --pv-radius-sm: 6px;
  --pv-radius-md: 8px;
  --pv-radius-lg: 10px;
  --pv-radius-xl: 14px;
  --pv-radius-full: 9999px;

  /* Spacing */
  --pv-space-1: 2px;  --pv-space-2: 4px;  --pv-space-3: 6px;  --pv-space-4: 8px;
  --pv-space-5: 10px; --pv-space-6: 12px; --pv-space-7: 14px; --pv-space-8: 16px;
  --pv-space-9: 20px; --pv-space-10: 24px; --pv-space-11: 28px; --pv-space-12: 32px;

  /* Layout & sizes */
  --pv-sidebar-width: 264px;
  --pv-topbar-height: 64px;
  --pv-page-padding: 28px 32px;
  --pv-section-gap: 20px;
  --pv-card-padding: 20px;
  --pv-control-md: 40px;
  --pv-control-sm: 32px;
  --pv-control-xs: 28px;
  --pv-nav-item: 36px;
  --pv-table-header-row: 34px;
  --pv-table-row: 44px;

  /* Shadows (cards have none — border only) */
  --pv-shadow-segment-active: 0 1px 2px rgba(20, 22, 27, 0.10);
  --pv-shadow-switch-knob: 0 1px 2px rgba(20, 22, 27, 0.25);
  --pv-shadow-swatch-selected: 0 0 0 2px #FFFFFF, 0 0 0 4px #14161B;
}

/* Base */
html, body {
  margin: 0;
  background: var(--pv-bg-canvas);
  color: var(--pv-text-primary);
  font-family: var(--pv-font-sans);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--pv-text-link); text-decoration: none; }
a:hover { color: var(--pv-text-link-hover); }
.pv-num { font-variant-numeric: tabular-nums; }