/* Wspólne tokeny sterujące — ładowane PRZED arkuszem aplikacji, na każdej
   stronie Hooome. Ustawiają trzy rzeczy globalnie (schemat, zaokrąglenie,
   gęstość) i jedną per aplikacja (akcent). Palety i typografia zostają przy
   aplikacjach: Moneeey nadal jest papierowy i szeryfowy, Foood nadal jest
   „Larder”, Meeedia i Hooome nadal są Graphite Cool. Ujednolicone są decyzje,
   nie wygląd — inaczej trzy rozpoznawalne aplikacje zlałyby się w jedną.

   Atrybuty stempluje serwer w src/views/htmlOpen.js, więc pierwsze malowanie
   jest już właściwe i motyw nie mruga. */

:root {
  /* zaokrąglenie — jedna skala, trzy pozycje w ustawieniach */
  --r: 10px;
  --r-sm: 7px;
  /* gęstość — mnożnik odstępów, nie rozmiaru tekstu (tekst zostaje czytelny) */
  --dens: 1;
}

:root[data-radius="sharp"]   { --r: 3px;  --r-sm: 2px; }
:root[data-radius="default"] { --r: 10px; --r-sm: 7px; }
:root[data-radius="pill"]    { --r: 18px; --r-sm: 12px; }

:root[data-density="compact"]     { --dens: .78; }
:root[data-density="default"]     { --dens: 1; }
:root[data-density="comfortable"] { --dens: 1.3; }

/* ---- akcent per aplikacja ----------------------------------------------
   Do 2026-07-28 każda karta na stronie głównej była fioletowa, mimo że dock
   od dawna koloruje aplikacje osobno. Teraz jedno źródło: --app-accent czytają
   kafelki, dock i chrome aplikacji. --app-accent-ink to kolor tekstu NA tym
   akcencie (kontrast liczony względem akcentu, nie względem motywu). */
:root[data-app="hooome"]  { --app-accent: oklch(72% .11 300); }
:root[data-app="meeedia"] { --app-accent: oklch(74% .085 195); }
:root[data-app="moneeey"] { --app-accent: oklch(62% .14 32); }
:root[data-app="foood"]   { --app-accent: oklch(64% .13 125); }
:root[data-app="craftsss"] { --app-accent: oklch(70% .14 55); }
:root { --app-accent-ink: oklch(18% .004 240); }

/* Jasny schemat przyciemnia akcenty, żeby tekst na białym tle trzymał 4.5:1.
   Wartości dobrane osobno, a nie przez filter/opacity — filtr rozjeżdżałby
   odcienie różnie w każdej aplikacji. */
:root[data-scheme="light"][data-app="hooome"]  { --app-accent: oklch(48% .16 300); }
:root[data-scheme="light"][data-app="meeedia"] { --app-accent: oklch(50% .1 195); }
:root[data-scheme="light"][data-app="moneeey"] { --app-accent: oklch(47% .14 32); }
:root[data-scheme="light"][data-app="foood"]   { --app-accent: oklch(44% .11 125); }
:root[data-scheme="light"][data-app="craftsss"] { --app-accent: oklch(46% .13 55); }
:root[data-scheme="light"] { --app-accent-ink: oklch(99% 0 0); }

/* Arkusz aplikacji ładuje się PO tym pliku i może nadpisać własne tokeny,
   dlatego most akcentu siedzi pod osobną nazwą (--app-accent), a każdy arkusz
   sam decyduje, w których miejscach z niego korzysta. */

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}