/* ============================================================================
   JasonWalker.design — Typography System (permanent foundation)
   RADIKAL is the production typeface as of 2026-08-14; Satoshi is retained for
   the italic meaning voice only (Radikal ships no italic and synthesising one
   is forbidden). Link this one stylesheet in any prototype and it inherits the
   whole system automatically:
       <link rel="stylesheet" href="assets/css/typography.css">
   Then style with var(--font) and the weight tokens below.

   DOCTRINE — hierarchy comes from Scale · Space · Alignment · Capitalization,
   never from excessive weight. Four weights, four jobs:
     700 Bold    — hero declarations, manifesto statements, rare conviction
     500 Medium  — navigation, section titles, project titles, buttons, labels
     400 Regular — body copy, case studies, Field Notes, Vitae, captions
     300 Light   — supporting editorial copy, technical annotations, atmospheric labels
   Radikal has four real cuts and no 900 and no italic: --w-black resolves to
   700, and every italic role is carried by --font-meaning (Satoshi).
   ========================================================================== */
@import url("radikal.css");
/* satoshi.css was retired in the font pass — the import was left behind and
   404s on every page load. Radikal is declared in radikal.css via tokens.css. */

:root{
  --font: 'Radikal', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-meaning-fallback:var(--font-brand);
  --w-black:700;   /* conviction — Radikal's heaviest real cut */
  --w-medium:500;  /* structure  */
  --w-regular:400; /* substance  */
  --w-light:300;   /* atmosphere */
}

html{ -webkit-text-size-adjust:100% }
body{ font-family:var(--font); font-weight:var(--w-regular);
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility; font-synthesis:none }

/* Optional role utilities — the doctrine expressed as classes */
.t-hero{ font-family:var(--font); font-weight:var(--w-black); text-transform:uppercase; letter-spacing:-.015em; line-height:.9 }
.t-title{ font-family:var(--font); font-weight:var(--w-medium) }
.t-body{ font-family:var(--font); font-weight:var(--w-regular) }
.t-support{ font-family:var(--font); font-weight:var(--w-light) }