/* dotSell – tokeny układu VECTOR. Jedyne źródło wartości dla app.css.

   Decyzja właściciela przy odbiorze B1b: aplikacja trzyma się makiet
   docs/design/src/{panel,formularze}.css 1:1 – fonty i kolory z projektu, bez mapowania
   na paletę z pierwotnego CLAUDE.md. Nazwy i wartości tokenów są dokładnie te
   z `#ds-vector{…}` i `#ds-forms{…}`; app.css nie zawiera tokenów inline (jedno źródło). */

:root {
  /* Fonty (Google Fonts, ładowane w layouts/partials/head) */
  --font-family: 'DM Sans', sans-serif;        /* tekst; wagi 400–700 co 50 (font zmienny) */
  --font-display: 'Space Grotesk', sans-serif; /* nagłówki, liczby, logo (.v-font) */

  /* VECTOR – panel (panel.css, #ds-vector) */
  --v-ink: #03355c;
  --v-blue: #004c86;
  --v-electric: #5bb8ff;
  --v-mint: #13ec7e;
  --v-paper: #f7fafd;
  --v-line: #dce6ed;
  --v-muted: #617587;
  --v-cut: 30px;   /* asymetria narożników */
  --v-glow: .7;    /* poświata hero */

  /* VECTOR – formularze (formularze.css, #ds-forms) */
  --f-ink: #03355c;
  --f-blue: #004c86;
  --f-green: #13ec7e;
  --f-line: #dce6ed;
  --f-muted: #61788b;
  --f-gap: 20px;   /* odstęp między polami */
  --f-area: 116px; /* wysokość pól notatek */
}