/* =========================================================================
   ta-tokens.css · Tokeny projektu (wspólne dla wszystkich widoków)
   Źródło: makiety „Regalia v2” przeniesione 1:1 na tapeta.art.
   Zasada: CSS widoków używa WYŁĄCZNIE tych zmiennych. Nie wpisuj kolorów
   na sztywno w plikach widoków. Zmiana marki = edycja tylko tego pliku
   (i tylko po decyzji projektanta).
   ========================================================================= */

:root {
  /* Kolory: marka */
  --ta-green: #2D6A4A;          /* główny: przyciski, linki, focus, checkbox, ikony */
  --ta-green-hover: #245A3E;    /* hover przycisku głównego */
  --ta-rust: #B85C28;           /* akcent: CTA rejestracji (mobile/tablet), hover linków */
  --ta-rust-hover: #9A4A1E;     /* hover CTA w kolorze akcentu */

  /* Kolory: tekst */
  --ta-ink: #1C1C1A;            /* tekst podstawowy, nagłówki, etykiety */
  --ta-ink-muted: #5F5E5A;
  --ta-ink-soft: #2B2A27;       /* tekst wpisu bloga (09) */      /* tekst drugorzędny, notki, separator */
  --ta-placeholder: #757575;    /* placeholder w polach */
  --ta-ink-faint: #8A857C;      /* nieaktywna ikona kolumn (10), ten sam kolor co cena przekreślona na karcie */
  --ta-error: #B3261E;          /* komunikaty błędów */

  /* Kolory: linie i tła */
  --ta-border: #D9D3C8;         /* obramowanie pól i przycisków drugorzędnych */
  --ta-border-sand: #C9BCA6;    /* obramowanie pola na tle piaskowym (mobile/tablet) */
  --ta-line: #E2DCD2;           /* separatory, linie */
  --ta-white: #FFFFFF;
  --ta-cream: #F6F2EC;          /* tło komunikatów */
  --ta-beige: #EFE9E0;          /* tło panelu rejestracji (desktop) */
  --ta-sage: #C8D2C4;          /* obramowania i podziały nowej stopki */
  --ta-sand: #E8DCC3;           /* tło panelu rejestracji (mobile/tablet), chip „w realizacji” */
  --ta-stone: #E9E3D9;          /* tło przełącznika segmentów, poświata aktywnego kroku */
  --ta-paper: #FBF9F6;          /* hover wiersza tabeli, tło wątku wiadomości */
  --ta-green-tint: #E3E8DD;     /* chip „dostarczone”, „domyślny” */
  --ta-rust-tint: #F3DFD2;      /* chip „nieopłacone” */
  --ta-border-strong: #C9C3B8;  /* nieaktywny przełącznik, kroki do zrobienia, obrys kafla „Dodaj” */
  --ta-dashed: #B8B1A5;         /* przerywana ramka pola na pliki */
  --ta-green-dark: #1E3A2F;     /* kafel „Dodaj kolejne wzory” (04): ikona, link, ramka na hover */
  --ta-thumb: #C9BCA6;          /* tło miniatury produktu przed załadowaniem zdjęcia */
  --ta-star: #E0A100;           /* gwiazdki ocen, pasek rozkładu ocen (14) */

  /* Typografia */
  --ta-font: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Promienie */
  --ta-radius-sm: 4px;          /* pola, przyciski, komunikaty */
  --ta-radius-md: 6px;          /* panele / karty */

  /* Ruch */
  --ta-ease: cubic-bezier(.2, .7, .2, 1);

  /* Breakpointy (informacyjnie: zmienne nie działają w @container/@media)
     telefon < 700 px · tablet 700–849 px · desktop ≥ 850 px */
}