{
  "name": "ДОМ45",
  "version": 1,
  "meta": {"source": "DOM45 Design System PDFs (00–05), 25 September 2026"},
  "color": {
    "themes": [{"id": "light", "name": "Light"}],
    "tokens": [
      {"name": "color-action-primary", "value": "#288e62", "usage": "Brand / Primary. The one green accent: primary button fill, selected states, confirmations. White label on it is 4.09:1 (below 4.5:1 for small text, source value kept). As text on `color-surface` use it only at 24px+ or bold 19px+; smaller green text uses `color-action-hover`."},
      {"name": "color-action-hover", "value": "#136e47", "usage": "Brand / Hover. Hover and pressed state of primary actions; small green text and links on `color-surface` (6.27:1) and on `color-action-soft` (5.37:1)."},
      {"name": "color-action-soft", "value": "#def2e9", "usage": "Brand / Soft. Chip backgrounds, success backgrounds, the selected row in the City Selector list. Text on it: `color-text-primary` or `color-action-hover`."},
      {"name": "color-accent-sand", "value": "#c0a380", "usage": "Accent / Sand. Architectural accent (wood, in the logo). Decorative only: 2.39:1 on white, never text on light grounds; readable on `color-surface-dark` (8.16:1)."},
      {"name": "color-text-primary", "value": "#212121", "usage": "Ink. Headings and body text on `color-surface`, `color-surface-subtle` and `color-action-soft` (16.1:1 on white)."},
      {"name": "color-text-secondary", "value": "#535353", "usage": "Text / Secondary. Descriptions, captions, card features on `color-surface` (7.69:1) and `color-surface-subtle` (7.12:1)."},
      {"name": "color-surface", "value": "#ffffff", "usage": "Surface / Default. Page background; product card body."},
      {"name": "color-surface-subtle", "value": "#f6f6f6", "usage": "Surface / Subtle. Input fields, secondary blocks, component panels."},
      {"name": "color-border", "value": "#ececec", "usage": "Border / Default. Dividers and card outlines. Decorative only: 1.18:1 on white, so a control that must be seen as a box also needs its `color-surface-subtle` fill."},
      {"name": "color-surface-dark", "value": "#021002", "usage": "Dark Surface. Dark sections, footer, header over imagery. Text on it: `color-surface` (19.5:1); white logo version only."},
      {"name": "color-text-inverse", "value": "{color-surface}", "usage": "Text and labels on `color-action-primary`, `color-action-hover` and `color-surface-dark`. An alias of white, not a new color."}
    ]
  },
  "type": {
    "fonts": [],
    "families": {
      "sans": "Manrope, system-ui, sans-serif",
      "display": "\"Bebas Neue Cyrillic\", \"Bebas Neue\", \"Arial Narrow\", sans-serif"
    },
    "groups": [
      {"name": "Display", "family": "display", "styles": [
        {"name": "display-xl", "fontSize": "60px", "lineHeight": "60px", "fontWeight": 400, "sample": "ДОМА ИЗ SIP-ПАНЕЛЕЙ ДЛЯ ВСЕЙ СЕМЬИ", "usage": "Main advertising headlines on desktop. Uppercase, short and emotional."},
        {"name": "label", "fontSize": "14px", "lineHeight": "14px", "fontWeight": 400, "sample": "ПОДРОБНЕЕ", "usage": "Button and compact CTA labels, uppercase."}
      ]},
      {"name": "Text", "family": "sans", "styles": [
        {"name": "heading-1", "fontSize": "36px", "lineHeight": "43px", "fontWeight": 700, "sample": "Дом, в котором хочется жить", "usage": "H1 and key section headings."},
        {"name": "heading-2", "fontSize": "32px", "lineHeight": "38px", "fontWeight": 700, "sample": "Проекты домов", "usage": "Second-level headings."},
        {"name": "heading-3", "fontSize": "24px", "lineHeight": "29px", "fontWeight": 600, "sample": "Сияние", "usage": "Card titles and modal headings."},
        {"name": "body-lg", "fontSize": "18px", "lineHeight": "25px", "fontWeight": 500, "sample": "Строим тёплые и надёжные дома за 45 дней с фиксированной ценой в договоре.", "usage": "Leads and important descriptions."},
        {"name": "body-md", "fontSize": "16px", "lineHeight": "22px", "fontWeight": 500, "sample": "143 м² · 4 комнаты · 2 с/у", "usage": "Main interface text."},
        {"name": "body-sm", "fontSize": "14px", "lineHeight": "20px", "fontWeight": 400, "sample": "Описание, характеристики, условия ипотеки и юридические пояснения.", "usage": "Captions, service text, legal notes."}
      ]}
    ]
  },
  "spacing": {"tokens": [
    {"name": "space-1", "value": "4px", "usage": "Icons, micro gaps."},
    {"name": "space-2", "value": "8px", "usage": "Chips, compact groups."},
    {"name": "space-3", "value": "12px", "usage": "Fields and captions."},
    {"name": "space-4", "value": "16px", "usage": "Base gap."},
    {"name": "space-5", "value": "20px", "usage": "Inner blocks."},
    {"name": "space-6", "value": "24px", "usage": "Cards."},
    {"name": "space-7", "value": "30px", "usage": "Sections on tablet and mobile."},
    {"name": "space-8", "value": "40px", "usage": "Large groups."},
    {"name": "space-9", "value": "60px", "usage": "Sections on desktop."},
    {"name": "space-legacy-6", "value": "6px", "usage": "Legacy compact gap of the current UI. Allowed, not for new work."},
    {"name": "space-legacy-10", "value": "10px", "usage": "Legacy compact gap of the current UI. Allowed, not for new work."},
    {"name": "space-legacy-14", "value": "14px", "usage": "Legacy compact gap of the current UI. Allowed, not for new work."}
  ]},
  "radius": {"tokens": [
    {"name": "radius-control", "value": "6px", "usage": "Fields, chips, small controls, buttons."},
    {"name": "radius-card", "value": "10px", "usage": "Cards, modals, dropdowns."},
    {"name": "radius-pill", "value": "40px", "usage": "Pills and round actions."}
  ]},
  "breakpoint": {"note": "Control widths every screen is checked at.", "tokens": [
    {"name": "bp-desktop-xl", "value": "1920px", "usage": "Main desktop. Multi-column sections, full header and footer."},
    {"name": "bp-desktop", "value": "1440px", "usage": "Desktop and laptop, ≥1440 keeps the desktop navigation."},
    {"name": "bp-tablet", "value": "990px", "usage": "Tablet, 990–1439: simplified header, columns re-flow."},
    {"name": "bp-mobile", "value": "375px", "usage": "Mobile reference, ≤989 uses the mobile pattern: one column, mobile menu and footer."}
  ]},
  "layout": {"note": "Container and touch sizes from the Layout and Handoff pages.", "tokens": [
    {"name": "container-1920", "value": "1748px", "usage": "Header content container at 1920."},
    {"name": "container-1440", "value": "1380px", "usage": "Header content container at 1440 (approximate in the source)."},
    {"name": "modal-mobile", "value": "345px", "usage": "Modal width at the 375 reference."},
    {"name": "touch-target", "value": "44px", "usage": "Minimum touch target on mobile."}
  ]}
}