/* VarFed / Varmoda PCS — shared design tokens. Link this file from every page. */

/* Fonts (Oxanium headings, Nexa body) are declared in each page's <head> */

:root{
  /* Surfaces */
  --bg:#FBFBFD;      /* page background */
  --bg-tint:#F2F5FA; /* alternating section bands */
  --card:#FFFFFF;    /* cards and tiles */
  --line:#E4E9F0;    /* hairline borders and rules */
  /* Type */
  --ink:#0E1A2B;     /* headings and primary text */
  --ink-2:#1B2739;   /* body paragraphs */
  --dim:#46536B;     /* secondary and caption text */
  /* Brand */
  --blue:#0C5395;    /* primary navy: buttons, marks, links */
  --blue-br:#2277D4; /* brighter blue: hover and accents */
  --gold:#A87E01;    /* gold on light backgrounds */
  --gold-br:#E3B21B; /* gold on dark backgrounds */

  --font-heading:"Oxanium",system-ui,sans-serif;
  --font-body:"Nexa",system-ui,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink-2);font-family:var(--font-body);font-weight:200;line-height:1.6}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--ink);font-weight:700;line-height:1.15}
h3,h4,h5,h6{font-weight:600}
strong,b{font-weight:800}
small,.caption{color:var(--dim)}
a{color:var(--blue)} a:hover{color:var(--blue-br)}
hr{border:0;border-top:1px solid var(--line)}