/**
 * Marketplace365 — design tokens
 * Kazda wartosc kontrastu jest zmierzona, nie oszacowana. Norma WCAG dla tekstu: 4.5:1.
 */
:root {
  /* ── Atrament: skala neutralna ─────────────────────────────── */
  --mp-ink-900: #15181D;  /* tekst glowny, ciemne tla     17.0:1 na ink-50  AAA */
  --mp-ink-800: #282C33;  /* drugie ciemne tlo            13.4:1  AAA */
  --mp-ink-700: #40454F;  /* naglowki drugiego rzedu       9.2:1  AAA */
  --mp-ink-600: #585F6B;  /* tekst drugorzedny mocny       6.2:1  AA  */
  --mp-ink-500: #6E747D;  /* tekst drugorzedny, podpisy    4.5:1  AA  */
  --mp-ink-400: #9CA0A6;  /* ikony pomocnicze, disabled    2.5:1  — nie pod tekst */
  --mp-ink-300: #C9CBC7;  /* obrysy mocniejsze */
  --mp-ink-200: #E3E4E0;  /* obrysy, linie tabel */
  --mp-ink-100: #F1F1EE;  /* tlo kart i wyroznionych stref */
  --mp-ink-50:  #FAFAF8;  /* tlo strony i dokumentu */

  /* ── Bursztyn: jedyny kolor marki ──────────────────────────── */
  --mp-amber-100: #FCE0B1; /* podswietlenia na ciemnym    13.9:1 na ink-900 AAA */
  --mp-amber-300: #F7B84F; /* wykresy, drugi odcien       10.1:1 AAA */
  --mp-amber-500: #F5A623; /* KOLOR MARKI, akcent NA CIEMNYM  8.8:1 AAA / 2.0:1 na bialym — nie pod tekst */
  --mp-amber-700: #A06500; /* logo, linki, CTA NA JASNYM      4.8:1 na bialym AA */
  --mp-amber-800: #8C5700; /* hover                           5.8:1 AA */

  /* ── Stany ─────────────────────────────────────────────────── */
  --mp-success: #0E6B4F;  /* 6.5:1 AA */
  --mp-error:   #A32017;  /* 7.6:1 AA */

  /* ── Role semantyczne: motyw jasny (domyslny) ──────────────── */
  --mp-bg:            var(--mp-ink-50);
  --mp-surface:       var(--mp-ink-100);
  --mp-border:        var(--mp-ink-200);
  --mp-text:          var(--mp-ink-900);
  --mp-text-muted:    var(--mp-ink-500);
  --mp-accent:        var(--mp-amber-700);
  --mp-accent-hover:  var(--mp-amber-800);
  --mp-on-accent:     var(--mp-ink-900);

  /* ── Typografia ────────────────────────────────────────────── */
  --mp-font-display: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --mp-font-sans:    'Instrument Sans', -apple-system, 'Segoe UI', system-ui, sans-serif;
  --mp-font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;

  --mp-text-display: 64px;  --mp-lh-display: 0.98;  --mp-ls-display: -0.02em;
  --mp-text-h1:      44px;  --mp-lh-h1:      1.08;  --mp-ls-h1:      -0.015em;
  --mp-text-h2:      26px;  --mp-lh-h2:      1.25;  --mp-ls-h2:      -0.02em;
  --mp-text-h3:      18px;  --mp-lh-h3:      1.35;
  --mp-text-body:    16px;  --mp-lh-body:    1.65;
  --mp-text-small:   14px;  --mp-lh-small:   1.6;
  --mp-text-label:   11px;  --mp-lh-label:   1.4;   --mp-ls-label:    0.12em;

  /* ── Odstepy, promienie, cienie ────────────────────────────── */
  --mp-space-1: 4px;  --mp-space-2: 8px;  --mp-space-3: 12px; --mp-space-4: 16px;
  --mp-space-5: 24px; --mp-space-6: 32px; --mp-space-7: 48px; --mp-space-8: 64px;

  --mp-radius-sm: 4px; --mp-radius-md: 8px; --mp-radius-lg: 14px; --mp-radius-full: 999px;

  --mp-shadow-card:  0 1px 2px rgba(21, 24, 29, 0.04), 0 2px 12px rgba(21, 24, 29, 0.05);
  --mp-shadow-raised:0 4px 8px rgba(21, 24, 29, 0.06), 0 12px 32px rgba(21, 24, 29, 0.10);

  /* ── Logo ──────────────────────────────────────────────────── */
  --mp-logo-min-screen: 24px;  /* minimalna wysokosc znaku na ekranie */
  --mp-logo-clearspace: 0.5;   /* pole ochronne = polowa wysokosci znaku */
}

/* Motyw ciemny — wariant podstawowy marki.
   Bursztyn przeskakuje z amber-700 na amber-500: to celowe, nie pomylka.
   amber-500 na bialym daje 2.0:1, amber-700 na atramencie tylko 3.7:1. */
[data-mp-theme="dark"] {
  --mp-bg:           var(--mp-ink-900);
  --mp-surface:      var(--mp-ink-800);
  --mp-border:       rgba(250, 250, 248, 0.14);
  --mp-text:         var(--mp-ink-50);
  --mp-text-muted:   var(--mp-ink-400);
  --mp-accent:       var(--mp-amber-500);
  --mp-accent-hover: var(--mp-amber-300);
  --mp-on-accent:    var(--mp-ink-900);
}