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

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

   Правила:
     — Светлая страница, чёрные плиты-слайды и кислотно-жёлтый #E4FC48 как заливка.
     — Жёлтый — только фоном (кнопка, маркер, плитка) с чёрным текстом; текстом на белом — никогда.
     — Montserrat, крупные цифры жирные, много чёрно-жёлтого контраста.

   Чего здесь не бывает:
     — жёлтого текста на светлом фоне
     — третьего цвета
     — серых «безопасных» кнопок вместо жёлтой

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

[data-theme="acid-light"] {
  --glow-ink-strong: #0A0A09;
  --accent: #0A0A09; --accent-hover: #000000; --accent-light: #3A3A36;
  --accent-tint-1: #F6FDC4; --accent-tint-2: #EEFB8E; --accent-tint-3: #E4FC48; --on-accent: #FFFFFF;
  --ink: #0A0A09; --ink-2: #2E2E2A; --muted: #6E6C64; --muted-2: #8C887E; --faint: #BDBAB0; --disabled: #D3D1C8;
  --bg: #FAFAFA; --surface: #FFFFFF; --surface-2: #F4F4EF; --surface-3: #E1E3CE;
  --border: #E6E7DC; --border-2: #D7D9C6; --divider: rgba(10,10,9,.08);
  --data-1: #E4FC48; --data-2: #0A0A09; --data-3: #8C887E; --data-4: #E1E3CE; --data-5: #FCFC00; --data-6: #F6FDC4;
  --shadow-cta: 0 6px 18px rgba(196,220,0,.45);
  --font-sans: 'Montserrat', 'Inter', system-ui, sans-serif; --font-display: 'Montserrat', 'Inter', system-ui, sans-serif;
  --fw-display: 800; --fw-h1: 800; --fw-heading: 700; --ls-display: -0.03em;
  --radius-btn: 999px; --radius-field: 14px; --radius-card: 24px; --radius-2xl: 32px;
  --btn-primary-bg: #E4FC48; --btn-primary-fg: #0A0A09; --btn-primary-bg-hover: #D8F500;
  --highlight: #E4FC48; --highlight-ink: #0A0A09;
  --num-font: 'Montserrat', system-ui, sans-serif; --num-weight: 800;
}

[data-theme="acid-light"] .ds-card--raised { background: #0A0A09; color: #F4F4EF; }
[data-theme="acid-light"] .ds-card--raised .ds-h3, [data-theme="acid-light"] .ds-card--raised .ds-title { color: #FFFFFF; }
[data-theme="acid-light"] .ds-icon-tile { background: #E4FC48; color: #0A0A09; }
[data-theme="acid-light"] .ds-metric-chip b { color: #0A0A09; background: #E4FC48; padding: 0 4px; border-radius: 4px; }