@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700;800&display=swap');

/* =============================================================================
   ТЕМА «Кислотный лайм»  ·  data-theme="lime-dark"
   Откуда:      rondesignlab — кейсы ORION (Job SaaS), HubSpot CRM, Aetna, Veri
                (разбор — ~/.claude/design-refs; сняты система и приёмы, не логотипы,
                 тексты и картинки)
   Для чего:    B2B SaaS, CRM, найм, продуктивность, тёмные дашборды, лендинги «технологичного» продукта

   Правила:
     — Почти чёрный фон, карточки на 6–8% светлее, лайм #B4FC00 — единственный цвет.
     — Лайм — на главной кнопке, активном состоянии, графике и точке-индикаторе; текстом — только крупно.
     — Главная кнопка светится: мягкий лаймовый ореол.
     — Фото и 3D-объекты в приглушённых зелёно-серых тонах.

   Чего здесь не бывает:
     — второго яркого цвета
     — лайма мелким текстом на светлом
     — светлых карточек на тёмном фоне

   Подключение: tokens.css → components.css → themes/lime-dark.css,
                <html data-theme="lime-dark">
   ============================================================================= */

[data-theme="lime-dark"] {
  --slide-bg: var(--surface-3);
  --slide-ink: var(--ink);
  --glass-fill: rgba(255,255,255,.07);
  --glass-edge: inset 0 1px 0 rgba(255,255,255,.14), inset 0 0 0 1px rgba(255,255,255,.06);
  --glow-ink-strong: #101010;
  --accent: #B4FC00; --accent-hover: #C6FF3D; --accent-light: #D6FF7A;
  --accent-tint-1: rgba(180,252,0,.10); --accent-tint-2: rgba(180,252,0,.18); --accent-tint-3: rgba(180,252,0,.28); --on-accent: #101010;
  --ink: #F5F5F2; --ink-2: #D2D2CC; --muted: #8E8F88; --muted-2: #6E6F69; --faint: #4E4F4A; --disabled: #3A3B37;
  --bg: #101010; --surface: #1A1A1A; --surface-2: #222222; --surface-3: #2A2A2A;
  --border: rgba(255,255,255,.07); --border-2: rgba(255,255,255,.12); --divider: rgba(255,255,255,.07);
  --success: #B4FC00; --success-bg: rgba(180,252,0,.12); --danger: #FF6B5A; --danger-bg: rgba(255,107,90,.12);
  --warning: #FFC94D; --warning-bg: rgba(255,201,77,.12); --info: #B4FC00; --info-bg: rgba(180,252,0,.10);
  --data-1: #B4FC00; --data-2: #6E8F2A; --data-3: #D4DBC2; --data-4: #4C4E49; --data-5: #E8FFB0; --data-6: #2A2A2A;
  --shadow-xs: 0 1px 2px rgba(0,0,0,.5); --shadow-sm: 0 2px 8px rgba(0,0,0,.5); --shadow-md: 0 12px 32px rgba(0,0,0,.55);
  --shadow-lg: 0 24px 60px rgba(0,0,0,.6); --shadow-cta: 0 0 28px rgba(180,252,0,.35); --focus-ring: 0 0 0 3px rgba(180,252,0,.28);
  --font-sans: 'Urbanist', 'Inter', -apple-system, system-ui, sans-serif; --font-display: 'Urbanist', 'Inter', -apple-system, system-ui, sans-serif;
  --fw-display: 500; --fw-h1: 500; --fw-heading: 500; --ls-display: -0.03em;
  --radius-btn: 999px; --radius-field: 14px; --radius-card: 24px; --radius-2xl: 32px;
  --card-shadow: none; --card-border: rgba(255,255,255,.06);
  --highlight: #B4FC00; --highlight-ink: #101010; --display-em: #B4FC00;
  --num-font: 'Urbanist', 'Inter', -apple-system, system-ui, sans-serif; --num-weight: 400;
}

[data-theme="lime-dark"] .ds-btn--secondary { background: var(--surface-2); color: var(--ink); border-color: var(--border-2); }
[data-theme="lime-dark"] .ds-metric-chip b, [data-theme="lime-dark"] .ds-stat__delta { color: #B4FC00; }