/* System designu VonHalsky — wyprowadzony z inpost.pl/VonHalsky.
   Paleta i typografia pochodzą z motywu InPostu (--honey-yellow, --coal-black,
   font Dinamit); reszta to skala zbudowana wokół nich. */

@font-face {
  font-family: "Dinamit";
  src: url("../assets/fonts/Dinamit_Regular.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Dinamit";
  src: url("../assets/fonts/Dinamit_Semibold.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Dinamit";
  src: url("../assets/fonts/Dinamit_Bold.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Dinamit";
  src: url("../assets/fonts/Dinamit_Extralight.woff2") format("woff2");
  font-weight: 200; font-style: normal; font-display: swap;
}

:root {
  /* --- marka --- */
  --yellow:        #ffcc05;
  --yellow-deep:   #f2b705;
  --yellow-soft:   #fff6d1;
  --coal:          #1d1d1d;
  --coal-soft:     #3c3c3c;
  --off-white:     #f6f6f6;
  --pure-white:    #fefefe;

  /* --- powierzchnie --- */
  --bg:            #f6f6f6;
  --surface:       #ffffff;
  --surface-2:     #fafafa;
  --surface-sunk:  #f0f0f0;
  --sidebar-bg:    #1d1d1d;
  --sidebar-fg:    #f6f6f6;
  --sidebar-muted: #9a9a9a;
  --sidebar-hover: #2b2b2b;

  /* --- tekst --- */
  --text:          #1d1d1d;
  --text-muted:    #6b6b6b;
  --text-faint:    #9a9a9a;
  --text-on-yellow:#1d1d1d;

  /* --- linie --- */
  --border:        #e4e4e4;
  --border-strong: #cfcfcf;

  /* --- semantyka (kolory zgodne z tym, co zwraca API InPostu) --- */
  --green:         #06753f;
  --green-soft:    #d2f8e5;
  --blue:          #144bb9;
  --blue-soft:     #dff0ff;
  --red:           #bb0020;
  --red-soft:      #ffe6ea;

  /* --- promienie --- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* --- cienie --- */
  --shadow-sm: 0 1px 2px rgba(29,29,29,.06), 0 1px 3px rgba(29,29,29,.04);
  --shadow-md: 0 2px 8px rgba(29,29,29,.08), 0 1px 3px rgba(29,29,29,.05);
  --shadow-lg: 0 8px 30px rgba(29,29,29,.12), 0 2px 8px rgba(29,29,29,.06);
  --shadow-xl: 0 20px 60px rgba(29,29,29,.18);

  /* --- typografia --- */
  --font: "Dinamit", "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* --- wymiary --- */
  --sidebar-w: 280px;
  --thread-w: 1080px;
  --header-h: 64px;

  /* --- ruch --- */
  --ease: cubic-bezier(.2, .7, .3, 1);
  --dur: 180ms;
}

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