Спецификация ideal_theme (v2 Д2Б)

Bootstrap Barrio даёт: сетку, формы, компоненты
ideal_theme добавляет: магазинную специфику поверх

web/themes/custom/ideal_theme/
│
├── ideal_theme.info.yml         ← объявление темы
├── ideal_theme.libraries.yml    ← подключение CSS/JS
├── ideal_theme.theme            ← PHP хуки
│
├── css/
│   ├── tokens.css               ← дизайн-токены
│   ├── product.css              ← карточка и страница товара
│   ├── catalog.css              ← каталог и фильтры
│   ├── cart.css                 ← корзина и checkout
│   └── global.css               ← шапка, подвал, типографика
│
├── js/
│   ├── cart-ajax.js             ← добавление в корзину без перезагрузки
│   ├── filters.js               ← AJAX фильтры
│   └── delivery-progress.js    ← прогресс до бесплатной доставки
│
└── templates/
    ├── layout/
    │   ├── page.html.twig
    │   ├── page--front.html.twig
    │   ├── region--header.html.twig
    │   └── region--footer.html.twig
    ├── commerce/
    │   ├── commerce-product--full.html.twig
    │   ├── commerce-product-variation.html.twig
    │   ├── commerce-cart-block.html.twig
    │   └── commerce-checkout-form--default.html.twig
    ├── views/
    │   ├── views-view-unformatted--products.html.twig
    │   └── views-view--products--page.html.twig
    └── components/
        ├── delivery-progress.html.twig
        └── cross-sell.html.twig

:root {
  /* Цвета — полная шкала (см. DESIGN.md) */
  --color-brand-500:  hsl(220, 90%, 56%);  /* Primary */
  --color-brand-600:  hsl(220, 90%, 48%);  /* Hover */
  --color-brand-400:  hsl(220, 90%, 64%);  /* Light */
  --color-accent:     hsl(0, 72%, 58%);    /* Акцент */
  --color-success:    hsl(142, 70%, 40%);
  --color-warning:    hsl(38, 95%, 50%);
  --color-danger:     hsl(0, 80%, 50%);

  /* Нейтральные */
  --color-gray-900: hsl(220, 30%, 12%);
  --color-gray-500: hsl(220, 10%, 50%);
  --color-gray-200: hsl(220, 20%, 90%);
  --color-gray-100: hsl(220, 20%, 96%);
  --color-gray-50:  hsl(220, 20%, 98%);

  /* Семантические алиасы */
  --color-text:       var(--color-gray-900);
  --color-text-muted: var(--color-gray-500);
  --color-bg:         #ffffff;
  --color-bg-alt:     var(--color-gray-50);
  --color-border:     var(--color-gray-200);
  --color-link:       var(--color-brand-500);
  --color-link-hover: var(--color-brand-600);

  /* Типографика — системные шрифты (без Google Fonts) */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;

  /* Скругления */
  --radius-sm:  4px;
  --radius-md:  6px;
  --radius-lg:  8px;
  --radius-xl:  12px;

  /* Тени */
  --shadow-sm:   0 1px 2px rgba(0,0,0,0.05);
  --shadow-md:   0 4px 6px rgba(0,0,0,0.1);   /* карточки */
  --shadow-lg:   0 10px 15px rgba(0,0,0,0.1); /* модалки */
  --shadow-hover: 0 4px 16px rgba(0,0,0,0.14);
}

┌──────────────────────┐
│  [ФОТО]              │ ← галерея
│  [БЕЙДЖ скидки]      │ ← badge Bootstrap
├──────────────────────┤
│  Название товара     │ ← card-title
│  ★★★★☆ (23)         │ ← fivestar
│  ──────────────────  │
│  1 990 ₽  ~~2 500~~  │ ← цена + зачёркнутая
├──────────────────────┤
│  [В корзину]         │ ← btn btn-primary
└──────────────────────┘

┌────────────────┬─────────────────────────┐
│                │  Название товара        │
│  ГАЛЕРЕЯ       │  ★★★★☆ · 23 отзыва    │
│  (carousel)    │  ─────────────────────  │
│                │  2 490 ₽  ~~3 200~~     │
│                │  [S] [M] [L] [XL]       │← варианты
│                │  В наличии: 5 шт.       │← остаток
│                │  ─────────────────────  │
│                │  [В КОРЗИНУ]  [♥]       │
└────────────────┴─────────────────────────┘
Вкладки: Описание | Характеристики | Отзывы

┌──────┬──────────────────────────────────┐
│      │  Сортировка: [популярные ▼]      │
│ Фильт│  ──────────────────────────────  │
│ -ры  │  [карточка] [карточка] [карточка]│
│      │  [карточка] [карточка] [карточка]│
│ side │  ──────────────────────────────  │
│ -bar │  [1] [2] [3] ... [пагинация]     │
└──────┴──────────────────────────────────┘

Товары (2)                    Итого
─────────────────────         ──────────────────
[фото] Товар 1                Товары: 3 490 ₽
       1 990 ₽  × [1] +/−     Доставка: 300 ₽
                              ────────────────
[фото] Товар 2                Итого: 3 790 ₽
       800 ₽   × [2] +/−      [Оформить заказ]

───────────────────────
ЕЩЁ 1 210 ₽ ДО БЕСПЛАТНОЙ ДОСТАВКИ  ←  прогресс-бар
═══════════════════════

С этим берут: [Товар A] [Товар B]  ← cross-sell