/* Ukrainian Cyrillic. Archivo has no Cyrillic, so the Ukrainian pages fall
   through to Inter's Cyrillic subset (SIL OFL 1.1, self-hosted, one file).
   Latin text and digits stay Archivo. Only requested when Cyrillic characters
   are on the page, so the English pages never download it. */
@font-face {
  font-family: "Inter Cyrillic";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../assets/fonts/inter-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* Archivo, self-hosted (was Google Fonts). Same files Google served for
   weights 400/600/700/800: one variable font per subset, so each subset is
   declared once with the 400-800 weight range. */
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../assets/fonts/archivo-vietnamese.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../assets/fonts/archivo-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../assets/fonts/archivo-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* =============================================================
   Prizmar — brand tokens
   This is the "brand knobs" file. Colours, type, spacing, radii.
   Swap the font family here only — nothing else needs to change.
   ============================================================= */

:root {
  /* ---- Parent / neutral ---- */
  --ink: #242A35;              /* parent dark — primary text, header pill */
  --ink-deep: #17191F;
  --ink-soft: #5E6067;
  --tan: #DED7CB;               /* parent tan/beige neutral */
  --tan-deep: #9A8F7E;
  --surface: #FFFFFF;
  --surface-alt: #F3F3F3;       /* off-white fill for small components (stat tiles, inputs, footer) */
  --surface-warm: #EBE8E6;
  --band-alt-bg: #DED7CB;       /* tinted section background (About etc.) — v2 round 2 item 1 */
  --page-base: #EFEDE9;         /* warm base behind the prismatic background texture */
  --ink-on-dark: var(--page-base); /* round 21: text on a dark band (About). Deliberately the warm
                                      off-white already in the palette, not #fff, so dark sections
                                      stay tonally part of the same page. */
  --ink-soft-on-dark: rgba(239, 237, 233, 0.6); /* round 21 follow-up: muted counterpart to
                                      --ink-on-dark for de-emphasised text on a dark band (dt
                                      labels, qualifiers, form footnotes) -- same relationship
                                      --ink-soft has to --ink on a light band. Built from
                                      --page-base's own rgb(239,237,233) at reduced opacity
                                      rather than a new hex, so it dims toward the dark
                                      background instead of toward grey. */
  --hairline: rgba(36, 42, 53, 0.12);
  --hairline-light: rgba(255, 255, 255, 0.18);

  /* ---- Fintech (purple ramp) ---- */
  --fintech-main: #815BAE;
  --fintech-deep: #6B5B8F;
  --fintech-tint: #C5BBDC;
  --fintech-wash: #F3ECFA;

  /* ---- Agri (green ramp) ---- */
  --agri-main: #438234;
  --agri-deep: #25453A;
  --agri-tint: #B9D2AD;
  --agri-wash: #DEF0D6;

  /* ---- Radii / shell ---- */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-pill: 999px;
  --shell-max: 1180px;
  --header-max: 885px;          /* ~75% of --shell-max, per v2 round-1 feedback: pull the header pill in from full width */

  /* ---- Fonts ----
     Deck spec: "Sinar Grotesque Expanded" (Bold / Regular), not
     licensed. Substitute: Archivo — a grotesque with a real width
     axis, so `font-stretch: expanded` can approximate the deck's
     expanded character (Space Grotesk has no width axis). Swapping
     the family later is a one-line change here. */
  --font-display: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 180ms;
  --dur-med: 340ms;
}

/* Ukrainian pages only: Archivo first (all Latin text, digits, brand names),
   Inter's Cyrillic after it. Scoped to lang="uk" so English pages keep exactly
   the font list they had (the English legal pages carry the company's Ukrainian
   name and must keep rendering it as before). */
html[lang="uk"] {
  --font-display: "Archivo", "Inter Cyrillic", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Archivo", "Inter Cyrillic", system-ui, -apple-system, "Segoe UI", sans-serif;
}