/**
 * PRICELIO 2026 — dizaino tokenai
 *
 * Reikšmės paimtos TIESIAI iš patvirtinto prototipo (computed styles, ne iš
 * akies): šriftai Manrope + DM Serif Display, oklch paletė, --chart-* linijos.
 *
 * Šis failas gyvena ŠALIA senojo design-tokens.css, o ne vietoj jo — senos
 * skiltys (/gr, kategorijos, legal) dar naudoja Inter/Source Serif. Perkėlus
 * visus ekranus, senasis failas pašalinamas.
 *
 * Tema: numatytoji ŠVIESI (prototipo `:root`), tamsi — per data-theme="dark".
 * Dabartinis shared-ui.js daro atvirkščiai (default dark); tai keičiama
 * atskirai, kartu su visu perjungimu.
 */

:root {
  /* ── Paletė (šviesi) ─────────────────────────────── */
  --p-bg:            oklch(0.975 0.003 285);
  --p-fg:            oklch(0.18 0.008 285);
  --p-card:          oklch(1 0 0);
  --p-card-fg:       oklch(0.18 0.008 285);
  --p-primary:       oklch(0.52 0.22 295);
  --p-primary-fg:    oklch(0.985 0 0);
  --p-secondary:     oklch(0.95 0.01 285);
  --p-secondary-fg:  oklch(0.27 0.01 285);
  --p-muted:         oklch(0.95 0.006 285);
  --p-muted-fg:      oklch(0.48 0.012 285);
  --p-accent:        oklch(0.94 0.03 295);
  --p-accent-fg:     oklch(0.32 0.1 295);
  --p-destructive:   oklch(0.62 0.2 15);
  --p-border:        oklch(0.88 0.012 285);
  --p-input:         oklch(0.88 0.012 285);
  --p-ring:          oklch(0.56 0.22 295);

  /* Semantika: tikslus atitikmuo = žalia, variantas/senumas = gintaras.
     Šios dvi spalvos NIEKADA nesikeičia vietomis — žalia reiškia „galima
     pasitikėti", gintaras „žiūrėk atidžiau". */
  --p-exact:         oklch(0.72 0.14 164);
  --p-exact-fg:      oklch(0.30 0.09 164);
  --p-exact-bg:      oklch(0.94 0.05 164);
  --p-variant:       oklch(0.70 0.13 85);
  --p-variant-fg:    oklch(0.38 0.10 85);
  --p-variant-bg:    oklch(0.95 0.05 85);

  /* Grafiko linijos — po vieną tinklui, ta pati tvarka kaip prototipe */
  --p-chart-1: oklch(0.62 0.22 295);
  --p-chart-2: oklch(0.76 0.16 160);
  --p-chart-3: oklch(0.82 0.15 85);
  --p-chart-4: oklch(0.70 0.17 20);
  --p-chart-5: oklch(0.66 0.14 235);

  /* ── Tipografija ─────────────────────────────────── */
  --p-font-sans:    Manrope, ui-sans-serif, system-ui, -apple-system, sans-serif;
  --p-font-display: "DM Serif Display", Georgia, "Times New Roman", serif;

  /* Display antraštės: svoris 400, labai ankštas tarpas, line-height < 1.
     Būtent tai duoda prototipo „laikraštinį" charakterį — be šito atrodo
     kaip eilinis serif. */
  --p-display-ls: -0.045em;
  --p-display-lh: 0.95;

  /* ── Forma ───────────────────────────────────────── */
  --p-radius:    0.8rem;
  --p-radius-sm: 0.5rem;
  --p-radius-lg: 1.25rem;
  --p-radius-pill: 999px;

  --p-shadow-card: 0 1px 2px oklch(0.18 0.008 285 / 6%),
                   0 8px 24px oklch(0.18 0.008 285 / 5%);
}

:root[data-theme="dark"] {
  --p-bg:            oklch(0.115 0.006 285);
  --p-fg:            oklch(0.96 0.004 285);
  --p-card:          oklch(0.17 0.008 285);
  --p-card-fg:       oklch(0.96 0.004 285);
  --p-primary:       oklch(0.62 0.22 295);
  --p-primary-fg:    oklch(0.99 0.002 285);
  --p-secondary:     oklch(0.21 0.012 285);
  --p-secondary-fg:  oklch(0.85 0.008 285);
  --p-muted:         oklch(0.21 0.01 285);
  --p-muted-fg:      oklch(0.67 0.014 285);
  --p-accent:        oklch(0.25 0.04 295);
  --p-accent-fg:     oklch(0.88 0.07 295);
  --p-destructive:   oklch(0.70 0.18 15);
  --p-border:        oklch(1 0 0 / 11%);
  --p-input:         oklch(1 0 0 / 13%);
  --p-ring:          oklch(0.62 0.22 295);

  --p-exact:         oklch(0.905 0.093 164);
  --p-exact-fg:      oklch(0.905 0.093 164);
  --p-exact-bg:      oklch(0.30 0.06 164 / 55%);
  --p-variant:       oklch(0.924 0.12 96);
  --p-variant-fg:    oklch(0.924 0.12 96);
  --p-variant-bg:    oklch(0.32 0.07 96 / 45%);

  --p-chart-1: oklch(0.68 0.20 295);
  --p-chart-2: oklch(0.78 0.15 160);
  --p-chart-3: oklch(0.83 0.14 85);
  --p-chart-4: oklch(0.72 0.16 20);
  --p-chart-5: oklch(0.70 0.13 235);

  --p-shadow-card: 0 1px 2px oklch(0 0 0 / 40%),
                   0 8px 24px oklch(0 0 0 / 28%);
}

/* ── Bazinės klasės ──────────────────────────────────── */
.p2026 {
  background: var(--p-bg);
  color: var(--p-fg);
  font-family: var(--p-font-sans);
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

.p-display {
  font-family: var(--p-font-display);
  font-weight: 400;
  letter-spacing: var(--p-display-ls);
  line-height: var(--p-display-lh);
}

/* Akcentuotas žodis antraštėje („Rezultatai pagal „Twix““ — violetinė dalis) */
.p-display em { font-style: normal; color: var(--p-primary); }

/* Skiltis žymintis mažas didžiųjų raidžių tekstas */
.p-eyebrow {
  font-size: .688rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--p-muted-fg);
  display: flex;
  align-items: center;
  gap: .5rem;
}

.p-card {
  background: var(--p-card);
  color: var(--p-card-fg);
  border: 1px solid var(--p-border);
  border-radius: var(--p-radius);
  box-shadow: var(--p-shadow-card);
}

/* Būsenos žyma po prekės pavadinimu */
.p-tag {
  font-size: .688rem;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: .3rem;
}
.p-tag--exact   { color: var(--p-exact); }
.p-tag--variant { color: var(--p-variant); }
.p-tag--muted   { color: var(--p-muted-fg); }

/* „PIGIAUSIA“ ženklas — tik tikslaus ir šviežio atitikmens atveju */
.p-badge-best {
  font-size: .625rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: .25rem .6rem;
  border-radius: var(--p-radius-pill);
  background: var(--p-exact-bg);
  color: var(--p-exact-fg);
}

.p-btn {
  font-family: var(--p-font-sans);
  font-weight: 800;
  font-size: .875rem;
  padding: .75rem 1.25rem;
  border: 0;
  border-radius: var(--p-radius-pill);
  background: var(--accent-solid, #7c3aed);
  color: #ffffff;
  cursor: pointer;
  transition: filter .18s;
}
.p-btn:hover { filter: brightness(1.08); }

.p-btn--ghost {
  background: transparent;
  color: var(--p-fg);
  border: 1px solid var(--p-border);
  font-weight: 600;
}