/* Preiļu Robotikas Klubs — generated from tokens.json (resources/prk-design-system).
 * Inventārs: added unicode-range to the two Manrope faces so each file covers its own letters
 * (latin-ext carries ā č ē ģ ī ķ ļ ņ š ū ž and the combining marks). */
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url('fonts/manrope-latin-wght-normal.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url('fonts/manrope-latin-ext-wght-normal.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0300-036F, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
:root, [data-theme="light"] {
  --page: #f6f9fe;
  --ink: #12283a;
  --ink-soft: #3f566b;
  --ink-faint: #5a7085;
  --navy: #022f4b;
  --accent: #1d5f8f;
  --violet: #2a6f9e;
  --tint: #eaf1fb;
  --tint-strong: #d6e4f6;
  --duo: #3d79ad;
  --soft: #b4d2f0;
  --band: #dce7f8;
  --card: #ffffff;
  --panel: #022f4b;
  --solid: #022f4b;
  --on-solid: #ffffff;
  --bandink: #ffffff;
  --ftr: #e3ecf8;
  --glass: rgba(255, 255, 255, 0.55);
  --on-panel: #c9dcef;
  --on-panel-2: #a9c6e2;
  --trace: #8ec5f2;
  --navy-deep: #021f33;
  --nav-ink: #d8e8f8;
  --lang-ink: #b9d6f0;
  --gold: #d9a521;
  --silver: #8a93a6;
  --bronze: #a65a2a;
  --on-gold: #2b2100;
  --shadow: 0 16px 30px -18px rgba(34, 29, 85, 0.35);
  --shadow-photo: 0 30px 50px -30px rgba(0, 0, 0, 0.6);
  --shadow-pop: 0 20px 30px -16px rgba(0, 0, 0, 0.55);
}
:root {
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-40: 40px;
  --space-56: 56px;
  --space-96: 96px;
  --radius: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --radius-pill: 99px;
  --content: 1180px;
  --prose: 62rem;
  --btn-w: 11.5rem;
  --gutter: clamp(16px, 4vw, 40px);
  --font-sans: "Manrope", ui-sans-serif, system-ui, "Segoe UI", sans-serif;
}
.display-hero { font-family: var(--font-sans); font-size: 66px; line-height: 1.04; font-weight: 800; letter-spacing: -0.03em; }
.display-about { font-family: var(--font-sans); font-size: 54px; line-height: 1.03; font-weight: 800; letter-spacing: -0.03em; }
.title-promo { font-family: var(--font-sans); font-size: 48px; line-height: 1.1; font-weight: 800; letter-spacing: -0.02em; }
.title-page { font-family: var(--font-sans); font-size: 46px; line-height: 1.15; font-weight: 800; letter-spacing: -0.01em; }
.title-follow { font-family: var(--font-sans); font-size: 40px; line-height: 1.15; font-weight: 800; letter-spacing: -0.015em; }
.title-section { font-family: var(--font-sans); font-size: 34px; line-height: 1.15; font-weight: 800; letter-spacing: -0.01em; }
.title-h2 { font-family: var(--font-sans); font-size: 28px; line-height: 1.15; font-weight: 800; letter-spacing: -0.015em; }
.prose-h2 { font-family: var(--font-sans); font-size: 26px; line-height: 1.15; font-weight: 800; }
.title-next { font-family: var(--font-sans); font-size: 25px; line-height: 1.15; font-weight: 800; letter-spacing: -0.01em; }
.prose-h3 { font-family: var(--font-sans); font-size: 22px; line-height: 1.15; font-weight: 600; }
.title-row { font-family: var(--font-sans); font-size: 21px; line-height: 1.15; font-weight: 800; }
.title-tile { font-family: var(--font-sans); font-size: 19px; line-height: 1.15; font-weight: 800; }
.title-card { font-family: var(--font-sans); font-size: 19px; line-height: 1.25; font-weight: 700; }
.lead { font-family: var(--font-sans); font-size: 20px; line-height: 1.6; font-weight: 400; }
.body-lg { font-family: var(--font-sans); font-size: 18px; line-height: 1.6; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 1.55; font-weight: 400; }
.body-sm { font-family: var(--font-sans); font-size: 16px; line-height: 1.55; font-weight: 400; }
.body-xs { font-family: var(--font-sans); font-size: 15px; line-height: 1.55; font-weight: 400; }
.caption { font-family: var(--font-sans); font-size: 14px; line-height: 1.55; font-weight: 400; }
.eyebrow { font-family: var(--font-sans); font-size: 12.5px; line-height: 1.55; font-weight: 800; letter-spacing: 0.14em; }
.nav-label { font-family: var(--font-sans); font-size: 14.5px; line-height: 1.2; font-weight: 700; }
.button-label { font-family: var(--font-sans); font-size: 15px; line-height: 1.25; font-weight: 700; }
.tab-label { font-family: var(--font-sans); font-size: 15px; line-height: 1.55; font-weight: 700; }
.category-label { font-family: var(--font-sans); font-size: 11.5px; line-height: 1.55; font-weight: 700; letter-spacing: 0.06em; }
.month-label { font-family: var(--font-sans); font-size: 11.5px; line-height: 1.55; font-weight: 800; letter-spacing: 0.12em; }
.date-month { font-family: var(--font-sans); font-size: 13px; line-height: 1.55; font-weight: 800; letter-spacing: 0.16em; }
.logo-caption { font-family: var(--font-sans); font-size: 10px; line-height: 1.55; font-weight: 500; letter-spacing: 0.16em; }
.numeral-date { font-family: var(--font-sans); font-size: 64px; line-height: 1; font-weight: 800; }
.numeral-stat { font-family: var(--font-sans); font-size: 46px; line-height: 1; font-weight: 800; letter-spacing: -0.02em; }
.numeral-year { font-family: var(--font-sans); font-size: 34px; line-height: 1; font-weight: 800; letter-spacing: -0.03em; }
.numeral-medal { font-family: var(--font-sans); font-size: 22px; line-height: 1.55; font-weight: 800; }