/* Ziemia na rozdrożu – tokeny i style tekstu t-*.
   PLIK GENEROWANY przez narzedzia/css/zbuduj-css.py z ziemia-claude-design/design-system – nie edytuj ręcznie.
   Poprawki motywu: zasoby/css/motyw.css. */
/* Kroje (@font-face) deklaruje theme.json (settings.typography.fontFamilies) – WordPress wypisuje je na froncie i w edytorze. */

:root {
  --color-bg: #ffffff;
  --color-surface: #ffffff;
  --color-card: #f0ebe0;
  --color-paper: #f5f2ea;
  --color-ink: #1e2620;
  --color-ink-muted: #5b6359;
  --color-line: #dcd7ca;
  --color-primary: #3f5e3a;
  --color-primary-hover: #33502f;
  --color-accent: #d9a43b;
  --color-accent-hover: #c8922a;
  --color-band-dark: #24342b;
  --color-band-dark-surface: #2c3e33;
  --color-band-dark-muted: #b9c4b4;
  --color-band-dark-line: #34473b;
  --color-band-night: #171c34;
  --color-band-night-surface: #222844;
  --color-band-night-line: #343b5e;
  --color-band-night-muted: #b4b9d1;
  --color-band-light: #e3e8d8;
  --color-band-paper: var(--color-paper);
  --color-grid-line-paper: #e7e1d4;
  --color-error: #a63d2f;
  --color-cat-ekologia: #5c8a3e;
  --color-cat-ekologia-tint: #e2ead6;
  --color-cat-ekologia-on-dark: #79b253;
  --color-cat-srodowisko: #2f7a78;
  --color-cat-srodowisko-tint: #d7e7e4;
  --color-cat-srodowisko-on-dark: #5fb3ae;
  --color-cat-przyroda: #b67c9d;
  --color-cat-przyroda-tint: #f0e1e9;
  --color-cat-przyroda-on-dark: #e1b8ce;
  --color-cat-przyroda-mark: #af6f93;
  --color-cat-astronomia: #3c2f60;
  --color-cat-astronomia-tint: #e6e1f2;
  --color-cat-astronomia-on-dark: #cbc1ec;
  --color-cat-energetyka: #d9a43b;
  --color-cat-energetyka-tint: #f5e6c4;
  --color-cat-energetyka-on-dark: #d9a43b;
  --color-cat-energetyka-mark: #a97b21;
  --color-cat-budownictwo: #8a7a66;
  --color-cat-budownictwo-tint: #e8e2d8;
  --color-cat-budownictwo-on-dark: #aea191;
  --color-cat-dom-wnetrza: #b5694e;
  --color-cat-dom-wnetrza-tint: #f1dfd5;
  --color-cat-dom-wnetrza-on-dark: #cc9784;
  --color-cat-nieruchomosci: #4e6380;
  --color-cat-nieruchomosci-tint: #dce1e8;
  --color-cat-nieruchomosci-on-dark: #91a5c5;
  --color-grid-line: #f1ede6;
  --color-line-strong: #7e8578;
  --color-on-primary: #ffffff;
  --color-on-accent: var(--color-ink);
  --color-on-dark: #ffffff;
  --color-scrim: #24342bbf;
  --color-sun: #d9a43b1f;
  --color-focus: var(--color-primary);
  --color-focus-on-dark: var(--color-accent);
  --color-badge-new: var(--color-cat-energetyka-tint);
  --font-display: "Maven Pro", sans-serif;
  --font-sans: "Instrument Sans", system-ui, sans-serif;
  --space-4: 4px;
  --space-8: 8px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --space-96: 96px;
  --radius-leaf-lg: 28px;
  --radius-leaf-sm: 8px;
  --radius-leaf-compact-lg: 16px;
  --radius-leaf-compact-sm: 6px;
  --radius-pill: 9999px;
  --radius-circle: 50%;
  --shadow-subtle: 0 1px 2px #1e26200f;
  --container-max: 1280px;
  --grid-columns: 12;
  --grid-gutter: 24px;
  --page-margin: 40px;
  --page-margin-mobile: 20px;
  --tile-gap: 24px;
  --tile-gap-mobile: 16px;
  --section-space: 96px;
  --section-space-mobile: 56px;
  --header-height: 113px;
  --header-height-compact: 60px;
  --breakpoint-mobile: 767px;
  --breakpoint-tablet: 1023px;
  --control-height: 48px;
  --control-height-lg: 56px;
  --tap-target: 44px;
  --read-indicator: 40px;
  --icon-circle: 48px;
  --icon-circle-compact: 40px;
  --icon-size: 24px;
  --dot-category: 8px;
  --dot-nav: 6px;
  --section-rule-width: 40px;
  --section-rule-height: 3px;
  --stroke-hairline: 1px;
  --stroke-control: 1.5px;
  --stroke-error: 2px;
  --focus-width: 2px;
  --focus-offset: 2px;
  --hover-underline: 2px;
  --hover-duration: 300ms;
  --hover-scale: 1.03;
}
.t-h1 { font-family: var(--font-display); font-size: 46px; line-height: 50px; font-weight: 600; letter-spacing: -0.01em; }
.t-h2 { font-family: var(--font-display); font-size: 34px; line-height: 40px; font-weight: 600; letter-spacing: -0.01em; }
.t-h3 { font-family: var(--font-display); font-size: 24px; line-height: 30px; font-weight: 600; }
.t-result { font-family: var(--font-sans); font-size: 48px; line-height: 52px; font-weight: 600; letter-spacing: -0.01em; }
.t-data { font-family: var(--font-display); font-size: 54px; line-height: 58px; font-weight: 600; letter-spacing: -0.01em; }
.t-numeral { font-family: var(--font-display); font-size: 40px; line-height: 40px; font-weight: 600; }
.t-quote { font-family: var(--font-display); font-size: 24px; line-height: 32px; font-weight: 500; }
.t-logo { font-family: var(--font-display); font-size: 22px; line-height: 28px; font-weight: 600; }
.t-h4 { font-family: var(--font-sans); font-size: 18px; line-height: 24px; font-weight: 600; }
.t-lead { font-family: var(--font-sans); font-size: 18px; line-height: 28px; font-weight: 400; }
.t-body { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 400; }
.t-article { font-family: var(--font-sans); font-size: 18px; line-height: 30px; font-weight: 400; }
.t-nav { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 500; }
.t-button { font-family: var(--font-sans); font-size: 16px; line-height: 20px; font-weight: 600; }
.t-link { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 600; }
.t-field-label { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 600; }
.t-meta { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 500; }
.t-hint { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }