/* Tomas Kadlec — brand tokens v1 "Open Label" (2026-11-10). Source of truth: BRAND-BOOK.md */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,100..900&display=swap");
:root {
  /* colour */
  --tk-paper: #F5F3EC;
  --tk-ink: #141414;
  --tk-yellow: #FFC928;
  --tk-rule: #D9D5C8;
  --tk-graphite: #5E5E58;
  /* type */
  --tk-font: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --tk-font-code: "IBM Plex Mono", ui-monospace, monospace;
  --tk-headline-weight: 800;
  --tk-headline-wdth: 110;
  --tk-headline-tracking: -0.025em;
  --tk-label-weight: 600;
  --tk-label-wdth: 75;
  --tk-label-tracking: 0.10em;
  /* spacing (px at 1080 base) */
  --tk-s1: 8px; --tk-s2: 16px; --tk-s3: 24px; --tk-s4: 32px;
  --tk-s5: 48px; --tk-s6: 64px; --tk-s7: 96px; --tk-s8: 128px;
  /* tag */
  --tk-tag-ratio: 1.2;          /* height = width x 1.2 */
  --tk-tag-s: 16;               /* % of short side */
  --tk-tag-m: 40;
  --tk-tag-l: 60;
  --tk-radius: 0;
  /* web */
  --tk-web-max: 1200px;
  --tk-web-gutter: 24px;
}
.tk-headline { font-family: var(--tk-font); font-weight: 800; font-variation-settings: "wdth" 110; letter-spacing: var(--tk-headline-tracking); line-height: 1.05; }
.tk-label { font-family: var(--tk-font); font-weight: 600; font-variation-settings: "wdth" 75; text-transform: uppercase; letter-spacing: var(--tk-label-tracking); padding-bottom: .5em; border-bottom: 2px solid currentColor; }
.tk-marker { background: var(--tk-yellow); color: var(--tk-ink); padding: 0 .12em; box-decoration-break: clone; -webkit-box-decoration-break: clone; white-space: nowrap; }
.tk-tag { position: absolute; right: 0; bottom: 0; aspect-ratio: 5 / 6; background: var(--tk-yellow); clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%, 0 18.333%); }
.tk-btn { font-family: var(--tk-font); font-weight: 600; border-radius: 0; padding: .7em 1.2em; background: var(--tk-ink); color: var(--tk-paper); border: 2px solid var(--tk-ink); }
.tk-dark .tk-btn { background: var(--tk-paper); color: var(--tk-ink); border-color: var(--tk-paper); }
.tk-btn--secondary { background: transparent; color: var(--tk-ink); }
a { color: inherit; text-decoration: underline; text-underline-offset: .15em; }
:focus-visible { outline: 3px solid var(--tk-ink); outline-offset: 2px; }