{
  "name": "Sber Brand Kit",
  "version": "1.0.0",
  "disclaimer": "Неофициальный набор по мотивам фирменного стиля Сбера. Товарные знаки принадлежат ПАО «Сбербанк». Демо: https://brandbook.etretyakov.ru",
  "colors": {
    "green":     { "hex": "#21A038", "css": "--green",     "role": "Основной цвет бренда: CTA, акценты, заливки панелей" },
    "greenDark": { "hex": "#17812C", "css": "--green-dk",  "role": "Hover/active для зелёного" },
    "yellow":    { "hex": "#F2E913", "css": "--yellow",    "role": "Цвет спектра экосистемы; фоновые панели (текст только тёмный)" },
    "lime":      { "hex": "#A3CD39", "css": "--lime",      "role": "Цвет спектра; акценты на тёмном" },
    "sky":       { "hex": "#0FA8E0", "css": "--sky",       "role": "Цвет спектра; информационные акценты" },
    "blue":      { "hex": "#0291EB", "css": "--blue",      "role": "Цвет спектра; ссылки, фокус, фоновые панели" },
    "graphite":  { "hex": "#333F48", "css": "--graphite",  "role": "Тёмные поверхности, вторичный текст" },
    "paper":     { "hex": "#F5F4F0", "css": "--paper",     "role": "Светлый фон страниц" },
    "black":     { "hex": "#101314", "css": "--black",     "role": "Основной текст, тёмный фон (не чистый #000)" },
    "white":     { "hex": "#FFFFFF", "css": "--white",     "role": "Текст на насыщенных заливках" }
  },
  "gradient": {
    "css": "linear-gradient(115deg, #F2E913 0%, #A3CD39 24%, #21A038 50%, #0FA8E0 76%, #0291EB 100%)",
    "stops": ["#F2E913", "#A3CD39", "#21A038", "#0FA8E0", "#0291EB"],
    "rules": "Главный айдентификатор бренда. Спектр всегда идёт жёлтый → зелёный → синий, порядок не меняется и не разворачивается. Использовать крупными плоскостями или в знаке; не применять к мелкому тексту."
  },
  "typography": {
    "fontStack": "\"SB Sans Text\", \"Onest\", \"Inter\", system-ui, sans-serif",
    "monoStack": "\"JetBrains Mono\", ui-monospace, monospace",
    "note": "Фирменная гарнитура SB Sans (Paratype) лицензируется отдельно; свободные замены с кириллицей — Onest или Inter (Google Fonts).",
    "googleFonts": "https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap",
    "scale": {
      "display": { "size": "clamp(56px, 11vw, 160px)", "weight": 900, "lineHeight": 0.95, "letterSpacing": "-0.04em" },
      "h1":      { "size": "clamp(40px, 6vw, 76px)",   "weight": 900, "lineHeight": 1.05, "letterSpacing": "-0.03em" },
      "h2":      { "size": "clamp(28px, 3.4vw, 44px)", "weight": 800, "lineHeight": 1.1,  "letterSpacing": "-0.02em" },
      "lead":    { "size": "clamp(18px, 1.8vw, 24px)", "weight": 600, "lineHeight": 1.45 },
      "body":    { "size": "17px",                     "weight": 400, "lineHeight": 1.55 },
      "caption": { "size": "13px",                     "weight": 500, "lineHeight": 1.4,  "letterSpacing": "0.12em", "transform": "uppercase" }
    }
  },
  "spacing": { "gutter": "clamp(20px, 4vw, 64px)", "sectionY": "clamp(56px, 9vh, 120px)", "gridGap": "14px", "scale": [4, 8, 12, 16, 24, 32, 48, 64, 96] },
  "radius": { "tile": "24px", "pill": "999px", "control": "12px" },
  "motion": {
    "ease": "cubic-bezier(.16, 1, .3, 1)",
    "easeSpring": "cubic-bezier(.34, 1.56, .64, 1)",
    "durations": { "micro": "150-300ms", "reveal": "700-900ms", "panel": "450ms" },
    "rules": "Появления — translateY + opacity с ease-out; ховеры карточек — scale .97-1.03 по spring; всегда уважать prefers-reduced-motion."
  },
  "accessiblePairs": [
    { "bg": "#21A038", "fg": "#FFFFFF", "use": "кнопки, зелёные панели — текст крупный/жирный (3.4:1, AA large)" },
    { "bg": "#0291EB", "fg": "#FFFFFF", "use": "синие панели" },
    { "bg": "#333F48", "fg": "#FFFFFF", "use": "графитовые панели" },
    { "bg": "#101314", "fg": "#FFFFFF", "use": "тёмные секции, футер" },
    { "bg": "#F2E913", "fg": "#101314", "use": "жёлтые панели — только тёмный текст" },
    { "bg": "#A3CD39", "fg": "#101314", "use": "лаймовые заливки — только тёмный текст" },
    { "bg": "#F5F4F0", "fg": "#101314", "use": "светлые страницы" }
  ]
}