/* ============================================================
   Studio Towarowa 10 — Design Tokens
   Wariant ciemny "industrial premium", spójny z briefem (sekcja 3 README).
   Jedno źródło prawdy dla kolorów, typografii, odstępów, promieni.
   ============================================================ */

:root {
  /* --- Tła --- */
  --bg-page:        #0E0D0B; /* tło poza kontenerem */
  --bg-base:        #141210; /* kontener / tło bazowe / panel karty na jasnym */
  --bg-panel:       #1A1713; /* sekcja naprzemienna (jasny panel) */
  --bg-field:       #1C1A16; /* pole formularza */
  --bg-placeholder-a: #241F19; /* gradient placeholderów foto/wideo — jaśniejszy stop */
  --bg-placeholder-b: #141210; /* gradient placeholderów foto/wideo — ciemniejszy stop */

  /* --- Obramowania --- */
  --border:   #2C2925;
  --border-2: #34302A;
  --border-3: #3A352E;

  /* --- Tekst --- */
  --text:         #EAE5DC; /* główny */
  --text-head:    #FFFFFF; /* nagłówki */
  --text-2:       #A39C90; /* drugorzędny */
  --text-muted:   #8A847A; /* wyciszony */
  --text-muted-2: #6E685E;
  --text-muted-3: #57514A;

  /* --- Akcenty --- */
  --copper:       #DA5A2A; /* primary */
  --copper-hover: #E86B3D;
  --amber:        #E5B24A; /* liczby / detale (REC, strzałka 1→wiele) */

  /* --- Zieleń B2B / potwierdzenia --- */
  --green-bg:   #1B342C;
  --green-bg-2: #1E3A31;
  --green-line: #2F5C4B;
  --green-text: #8FCBB4;

  /* --- Typografia --- */
  --font-head: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --fs-base: 15px;
  --lh-base: 1.6;

  /* --- Layout --- */
  --container-max: 1180px;
  --section-py: 62px;   /* pion 56–66px */
  --section-px: 44px;   /* poziom desktop */
  --section-px-tablet: 22px; /* ≤860px */
  --section-px-mobile: 16px; /* ≤520px */

  /* --- Promienie --- */
  --r-card: 10px;   /* 8–12px */
  --r-btn: 6px;     /* 5–6px */
  --r-tag: 4px;

  /* --- Cień kontenera --- */
  --shadow-container: 0 0 60px rgba(0,0,0,.55);

  /* --- Breakpointy (referencyjne, do @media w plikach) ---
     --bp-tablet: 860px
     --bp-mobile: 520px  */
}