docs(ds): add FAB button with label to design system page and DESIGN.md

- Add live examples: fab--primary (icon-only), fab--primary + fab--label (with text), fab--secondary
- Add FAB-кнопки section to DESIGN.md component table
- Document --on-accent computation rule in theme-init-script

src/pages/cases/design-system.html

@@ -37,7 +37,7 @@
         margin: 0 0 1.15rem;
         padding-top: clamp(2.75rem, 6vw, 4rem);
         font-family: var(--font);
-        font-size: clamp(1.15rem, 2vw, 1.35rem);
+        font-size: clamp(1.7rem, 3vw, 2rem);
         font-weight: 700;
         color: var(--text);
         scroll-margin-top: 1.5rem;
@@ -52,7 +52,7 @@
       .case-article.ds-page > h3 {
         margin: clamp(2rem, 4vw, 2.75rem) 0 0.85rem;
         font-family: var(--font);
-        font-size: 1.05rem;
+        font-size: 1.55rem;
         font-weight: 600;
         color: var(--text);
       }
@@ -368,6 +368,7 @@
             <li><a href="#fonts">Шрифты</a></li>
             <li><a href="#layout">Сетка и адаптив</a></li>
             <li><a href="#components">Компоненты</a></li>
+            <li><a href="#fab">FAB-кнопки</a></li>
             <li><a href="#blocks">Блоки</a></li>
             <li><a href="#mini-projects">Активность</a></li>
           </ol>
@@ -700,6 +701,17 @@
         </div>
         <p class="sg-label">.btn .btn--primary | secondary | ghost · .btn--flat | raised · .btn__icon</p>
 
+        <h3>FAB-кнопки</h3>
+        <p class="section__prose">
+          Плавающие кнопки в правом нижнем углу (<code>.fab-stack</code>). Иконка-only и с текстовой подписью.
+        </p>
+        <div class="sg-stack sg-stack--row">
+          <a class="fab fab--primary" href="#components" aria-label="Демо FAB"><span class="fab-primary__ico" aria-hidden="true"></span></a>
+          <button type="button" class="fab fab--primary fab--label"><span class="fab-primary__ico" aria-hidden="true"></span><span class="fab__label">Скачать в PDF</span></button>
+          <button type="button" class="fab fab--secondary" aria-label="Демо secondary FAB"><span class="theme-panel-fab__icon theme-panel-fab__icon--open-hide" aria-hidden="true"></span></button>
+        </div>
+        <p class="sg-label">.fab .fab--primary | secondary · .fab--label (с текстом) · .fab-primary__ico · .fab__label</p>
+
         <h3>Теги</h3>
         <ul class="hero__tags" aria-label="Демо тегов">
           <li class="hero__tag">hero__tag</li>