/* =========================================================================
   arche-tokens.css · Wspólne tokeny ARCHE (centrum pomocy)
   Ładowanie: arche-fonts → arche-tokens → arche-help-shell → arche-[widok]
   Granat: wariant 1a (#2E5D7C), zatwierdzony 09.10.2026.
   ========================================================================= */
:root {
  --arche-font: Poppins, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* tekst */
  --arche-ink: #16212B;
  --arche-ink-muted: #56606A;
  --arche-ink-placeholder: #8A8F94;

  /* granat */
  --arche-navy: #2E5D7C;
  --arche-navy-hover: #1E4E6C;
  --arche-navy-deep: #143B55;
  --arche-navy-tint: #F1F5F8;
  --arche-navy-line: rgba(46, 93, 124, .35);

  /* miedź i piasek */
  --arche-copper: #A85A2A;
  --arche-sand: #E5DAC4;

  /* tła */
  --arche-white: #FFFFFF;
  --arche-cream: #F4F1EB;
  --arche-cream-hover: #ECE8E0;
  --arche-paper: #FAF9F6;

  /* linie */
  --arche-line: #E1DDD5;
  --arche-line-soft: #EDEAE4;
  --arche-line-strong: #D5D0C6;
  --arche-dashed: #B3AEA5;

  /* stany */
  --arche-error: #B3261E;

  /* na granacie */
  --arche-on-navy-line: rgba(244, 241, 235, .5);
  --arche-on-navy-line-soft: rgba(244, 241, 235, .25);
  --arche-ring: rgba(255, 255, 255, .09);

  /* promienie i cienie */
  --arche-radius-xs: 3px;
  --arche-radius: 4px;
  --arche-radius-md: 6px;
  --arche-shadow-lift: 0 18px 40px rgba(22, 33, 43, .14);
  --arche-shadow-soft: 0 1px 3px rgba(22, 33, 43, .16);

  /* ruch (zerowany przy prefers-reduced-motion) */
  --arche-dur: .2s;
  --arche-dur-mid: .3s;
  --arche-dur-slow: .35s;
  --arche-ease-out: cubic-bezier(.2, .7, .2, 1);

  /* układ */
  --arche-max: 1440px;
  --arche-sticky-top: 24px; /* nagłówek motywu nie jest przyklejony (sprawdzone 09.10.2026) */
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --arche-dur: 0s;
    --arche-dur-mid: 0s;
    --arche-dur-slow: 0s;
  }
}