/* =====================================================================
   MOTYW (THEME) — JEDYNY plik wyglądu. Klon na nową branżę = edycja TYLKO tego pliku.
   • Fonty: zmień rodziny w @import poniżej ORAZ tokeny --font-head / --font-body.
   • Kolory: tokeny wg ROLI (nie dosłownie wg nazwy) — --ink (tekst/akcent), --paper (tło),
     --panel (jasne sekcje), --line (linie), --accent (główny akcent), --text* (teksty).
     Reszta odcieni wyprowadza się z tych tokenów przez color-mix() w style.css — NIE ruszasz.
   • Nazwy historyczne (--bronze*) mapuj na --accent (są używane w inline-style w HTML).
   Struktura, komponenty, layout, edytor, panel → assets/css/style.css (NIE edytujesz przy zmianie branży).
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

:root{
  /* === KOLORY MARKI (zmień te wartości pod nową branżę) === */
  /* Antracyt = tekst + akcent + przyciski */
  --ink:      #1b1f23;
  --ink-2:    #23282d;

  /* Biel / jasne szarości */
  --white:    #ffffff;
  --paper:    #ffffff;     /* tło strony */
  --panel:    #f3f5f7;     /* jasna sekcja */
  --panel-2:  #e9edf0;     /* delikatny blok / placeholder */
  --panel-3:  #e0e5e9;

  /* Tekst */
  --text:        #20262b;
  --text-soft:   #5b636b;
  --text-faint:  #8a929b;

  /* Linie */
  --line:       #e5e8eb;
  --line-2:     #d6dbe0;

  /* Akcent + podkreślenie wyróżnienia */
  --accent:      #1b1f23;
  --accent-soft: #5b636b;
  --mark:        #cdd4da;

  /* Aliasy historyczne (inline style w HTML) — mapuj na --accent */
  --bronze:      var(--accent);
  --bronze-1:    var(--accent);
  --bronze-2:    #eef1f3;
  --bronze-deep: var(--accent);

  /* === STRUKTURALNE (rzadko zmieniane między branżami) === */
  --r-sm: 2px; --r: 6px; --r-lg: 12px; --pill: 999px;
  --maxw: 1240px;
  --shadow-sm: 0 2px 14px rgba(20,26,32,.05);
  --shadow:    0 18px 44px rgba(20,26,32,.09);
  --shadow-lg: 0 36px 80px rgba(20,26,32,.16);

  /* === FONTY (zmień rodziny tu ORAZ w @import na górze) === */
  --font-head: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease:     cubic-bezier(.4,0,.2,1);
}