/* =============================================================
   non.agency — Design System tokens (2026 templates)
   Źródło: design_handoff /_ds/colors_and_type.css
   Ładowany TYLKO na nowych szablonach (patrz inc/non-2026-templates.php),
   dzięki czemu nie wpływa na resztę motywu.
   ------------------------------------------------------------- */

/* Nimbus Sans jako jedna rodzina 400/700 — pliki OTF już są w motywie
   (assets/fonts/), motyw rejestruje je jako "Nimbussanl Reg"/"Nimbussanl Bol".
   Tu spinamy je w jedną rodzinę, tak jak w design systemie. */
@font-face {
  font-family: "Nimbus Sans";
  src: url("../fonts/NimbusSanL-Reg.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nimbus Sans";
  src: url("../fonts/NimbusSanL-Bol.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nimbus Sans";
  src: url("../fonts/NimbusSanL-Bol.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---------- Kolory marki ---------- */
  --non-ink: #171a21;
  --non-ink-2: #0f042b;
  --non-mute: #7d8499;
  --non-mute-2: #87919c;
  --non-bg: #ffffff;
  --non-surface: #f5f7f9;
  --non-surface-2: #edf0f7;
  --non-surface-3: #f4f6f9;

  --non-purple: #5716f7;
  --non-purple-deep: #3c0fab;
  --non-purple-ink: #0f042b;

  --non-green: #1fff79;
  --non-yellow: #ffe02c;
  --non-yellow-deep: #e6d000;
  --non-red: #d80027;
  --non-blue: #0052b4;
  --non-cyan: #00f9ff;

  --non-shadow-card: 0 16px 56px -8px rgba(23, 26, 33, 0.15);

  /* ---------- Typografia ---------- */
  --font-sans: "Nimbus Sans", "Nimbussanl Reg", "Helvetica Neue", Arial, sans-serif;
  --font-display: "Nimbus Sans", "Nimbussanl Bol", "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --tracking-tight: -0.05em;
  --tracking-snug: -0.03em;

  /* ---------- Radiusy ---------- */
  --non-r-sm: 8px;
  --non-r-md: 16px;
  --non-r-lg: 18px;
  --non-r-xl: 24px;
  --non-r-pill: 999px;
}