/*
Theme Name: Meldunki Theme
Theme URI: https://meldunki.po-polsku.eu
Description: Motyw subwitryny meldunki.po-polsku.eu — archiwum Meldunków z Polski, słowniczek, bramka dostępu PMP. Potomek Hello Elementor, bez Elementora. Self-hosted fonts (RODO compliant).
Author: Smal Sys Krzysztof G
Version: 0.2.0
Template: hello-elementor
Text Domain: nwa
*/

/* =========================================================
   SELF-HOSTED FONTS (RODO COMPLIANT)
   Inter — zmienny, przeniesiony z witryny głównej
   Inria Serif — dograny
   ========================================================= */
@font-face {
  font-family: 'Inter';
  src: url('fonts/inter-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/inter-variable-italic.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inria Serif';
  src: url('fonts/inria-serif-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inria Serif';
  src: url('fonts/inria-serif-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inria Serif';
  src: url('fonts/inria-serif-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inria Serif';
  src: url('fonts/inria-serif-bold-italic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* =========================================================
   TOKENY — odczytane z Figmy (artboard 1440)
   ========================================================= */
:root {
  /* KOLORY — nazwane style */
  --nwa-vine:         #72201C;
  --nwa-navy:         #071533;
  --nwa-beige:        #F5F0EA;
  --nwa-aside:        #E9DED4;
  --nwa-placeholder:  #E9E5E5;
  --nwa-surface:      #FFFFFF;

  /* aliasy semantyczne — szablony używają tych, nie nazw kolorów */
  --nwa-ink:          var(--nwa-navy);
  --nwa-brand:        var(--nwa-vine);
  --nwa-bg:           var(--nwa-beige);
  --nwa-on-brand:     var(--nwa-beige);

  /* RODZINY */
  --nwa-font-head:    'Inria Serif', Georgia, serif;
  --nwa-font-body:    'Inter', system-ui, sans-serif;

  /* SKALA — desktop wg Figmy, clamp() skaluje w dół na mobile */
  --nwa-h1:      clamp(2.5rem,  1.9rem + 2.6vw, 4rem);     /* 64 */
  --nwa-h2:      clamp(1.875rem, 1.5rem + 1.6vw, 2.5rem);  /* 40 */
  --nwa-h3:      clamp(1.625rem, 1.4rem + 1vw, 2rem);      /* 32 */
  --nwa-h4:      clamp(1.375rem, 1.25rem + 0.5vw, 1.5rem); /* 24 */
  --nwa-h5:      1.25rem;                                   /* 20 */
  --nwa-dopiski: 1.25rem;                                   /* 20 — data, [KATEGORIA] */
  --nwa-body:    1.125rem;                                  /* 18 — ciało 18 */
  --nwa-body-s:  1rem;                                      /* 16 — ciało 16, słowniczek */
  --nwa-button:  1.125rem;                                  /* 18 — przycisk 1 */

  --nwa-lh-head:      1.2;
  --nwa-lh-body:      1.6;
  --nwa-tracking-cap: 0.04em;

  /* SIATKA */
  --nwa-wrap:      1100px;
  --nwa-col-main:  62%;
  --nwa-col-aside: 30%;
  --nwa-gap-cols:  3rem;
  --nwa-measure:   62ch;

  /* ODSTĘPY */
  --nwa-space-xs: 0.5rem;
  --nwa-space-s:  0.875rem;
  --nwa-space-m:  1.5rem;
  --nwa-space-l:  3rem;
  --nwa-space-xl: 6rem;

  /* GEOMETRIA */
  --nwa-radius:       0;
  --nwa-radius-media: 8px;
  --nwa-shadow-card:  0 1px 4px rgb(0 0 0 / 6%);
}

/* =========================================================
   BAZA
   ========================================================= */
body {
  font-family: var(--nwa-font-body);
  font-size: var(--nwa-body);
  line-height: var(--nwa-lh-body);
  color: var(--nwa-ink);
  background: var(--nwa-bg);
}

h1, h2, h3, h4, h5 {
  font-family: var(--nwa-font-head);
  line-height: var(--nwa-lh-head);
  color: var(--nwa-ink);
  font-weight: 700;
}
h1 { font-size: var(--nwa-h1); }
h2 { font-size: var(--nwa-h2); }
h3 { font-size: var(--nwa-h3); }
h4 { font-size: var(--nwa-h4); }
h5 { font-size: var(--nwa-h5); font-weight: 400; }

a         { color: var(--nwa-brand); }
strong, b { font-weight: 700; }

/* Klasy pomocnicze — używane później w szablonach 1b */
.nwa-wrap     { max-width: var(--nwa-wrap); margin-inline: auto; padding-inline: var(--nwa-space-m); }
.nwa-date     { font-size: var(--nwa-dopiski); color: var(--nwa-ink); }
.nwa-category  { font-size: var(--nwa-dopiski); color: var(--nwa-brand); letter-spacing: var(--nwa-tracking-cap); }
.nwa-glossary { font-size: var(--nwa-body-s); background: var(--nwa-aside); }
.nwa-card     { background: var(--nwa-surface); box-shadow: var(--nwa-shadow-card); border-radius: var(--nwa-radius); }