/*
 * Wspólne tokeny designu: viewer (iframe w Bubble), panel /admin i strony pomocnicze (compare.html, frame-tool.html).
 *
 * 1. Zmienne stylów z Bubble (Styles → Style variables) z wartościami domyślnymi. W iframe Bubble przysyła prawdziwe
 *    przez `bikecheck:setTheme` (src/theme.ts), więc tu są tylko wartości na start i do pracy lokalnej.
 * 2. Nazwy semantyczne `--bc-*`, których używa CSS aplikacji. Wskazują na zmienne Bubble, więc motyw z Bubble
 *    zmienia od razu wszystko.
 */
:root {
  --color_bUBpi_default: #F6F4EF; /* tło strony */
  --color_bUBpd_default: #FFFFFF; /* karta / panel */
  --color_bUBpe_default: #F2EEE5; /* piaskowy nagłówek karty */
  --color_bUBqA_default: #E6E1D6; /* linie podziału */
  --color_bUBpo_default: #E2DDD2; /* ramka karty części */
  --color_bUBpA_default: #E5484D; /* błąd */
  --color_bUBpR_default: #141414; /* tekst główny */
  --color_bUBpW_default: #3D3A35; /* tekst drugorzędny, mono */
  --color_bUBpX_default: #8A857C; /* tekst wyciszony */
  --color_bUBoz_default: #8A6A00; /* tekst akcentu */
  --color_bUBpG_default: #FFD21F; /* akcent (żółty) */
  --color_bUBpK_default: #F5C800; /* akcent hover */
  --color_bUBpQ_default: #FBF6E6; /* tło wybranej sekcji */
  --color_bUBpM_default: #F5EDD3; /* tło wciśniętej sekcji */
  --font_bUBot_default: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font_bUBou_default: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  --bc-bg: var(--color_bUBpi_default);
  --bc-panel: var(--color_bUBpd_default);
  --bc-panel-alt: var(--color_bUBpe_default);
  --bc-hover: var(--color_bUBpQ_default);
  --bc-pressed: var(--color_bUBpM_default);
  --bc-line: var(--color_bUBqA_default);
  --bc-line-strong: var(--color_bUBpo_default);
  --bc-ink: var(--color_bUBpR_default);
  --bc-ink-2: var(--color_bUBpW_default);
  /* Wyciszony tekst w małym rozmiarze: ciemniejszy niż --color_bUBpX_default, żeby miał kontrast AA (4,5:1) na tle. */
  --bc-muted: #5f5a51;
  --bc-faint: var(--color_bUBpX_default);
  --bc-accent: var(--color_bUBpG_default);
  --bc-accent-hover: var(--color_bUBpK_default);
  --bc-accent-ink: var(--color_bUBoz_default);
  --bc-error: var(--color_bUBpA_default);
  /* Tekst błędu (ciemniejszy od --bc-error dla kontrastu AA). */
  --bc-error-ink: #b3261e;
  /* Statusy modeli i kontroli złożenia (narzędzia wewnętrzne). */
  --bc-ok: #1f6b3a;
  --bc-ok-bg: #dcefe2;
  --bc-warn: #8a5410;
  --bc-warn-bg: #f6e6cc;
  --bc-info: #1f66b8;
  /* Punkty w edytorze /admin: kotwice, punkty dodatkowe, stałe punkty (kulki w 3D i kropki w legendzie). */
  --bc-point-anchor: #d62828;
  --bc-point-extra: #2d7dd2;
  --bc-point-fixed: #f2a541;
  --bc-font: var(--font_bUBot_default);
  --bc-mono: var(--font_bUBou_default);
  --bc-radius: 6px;
}