/* Anaplasi — brand tokens and base styles shared by every page */
@import url("../fonts/fonts.css");

:root{
  /* colour */
  --red:#C0281C;      /* Anaplasi Red — primary */
  --brick:#8A2217;    /* Byzantine Brick — hover, depth */
  --oxblood:#3A0E0A;  /* Oxblood — dark surfaces, headings on light */
  --plaster:#F5EEEA;  /* Lime Plaster — light surfaces */
  --rose:#E6D3CC;     /* Rose Stone — quiet tint */
  --ink:#1E1614;      /* Ink — body text */
  --muted:#6B5550;
  --line:rgba(58,14,10,.16);
  --line-inv:rgba(245,238,234,.28);

  /* type */
  --display:"Commissioner",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;

  --wrap:min(1240px, 100% - 32px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--plaster);color:var(--ink);font:400 17px/1.6 var(--display);font-variation-settings:"FLAR" 0;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
p{margin:0}
h1,h2,h3{text-wrap:balance;margin:0;font-family:var(--display);font-weight:800;font-variation-settings:"FLAR" 100;letter-spacing:-.03em;line-height:.98}
.wrap{width:var(--wrap);margin-inline:auto}
.eyebrow{font:500 12px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.on-red :focus-visible,.on-dark :focus-visible{outline-color:var(--plaster)}

.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:999px;font:700 15px/1 var(--display);text-decoration:none;border:1.5px solid var(--red);background:var(--red);color:var(--plaster);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.btn:hover{background:var(--brick);border-color:var(--brick)}
.btn.light{background:var(--plaster);border-color:var(--plaster);color:var(--red)}
.btn.light:hover{background:var(--oxblood);border-color:var(--oxblood);color:var(--plaster)}
.btn.line{background:transparent;border-color:currentColor;color:inherit}
.btn.line:hover{background:var(--plaster);border-color:var(--plaster);color:var(--red)}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* language switch */
.lang{display:flex;gap:2px;font:500 12px/1 var(--mono);letter-spacing:.1em}
.lang a{padding:8px 9px;border-radius:999px;text-decoration:none;opacity:.7}
.lang a:hover{opacity:1}
.lang a[aria-current]{opacity:1;box-shadow:inset 0 0 0 1.5px currentColor}