/* Webfonts.
   The design file specifies HK Grotesk Pro (primary) and JetBrains Mono
   (documentation / technical labels). HK Grotesk Pro is a commercial face and
   no binary ships with the Figma source, so the stack falls back to Hanken
   Grotesk — the same Hanken Design Co. family the Pro cut derives from, and the
   closest free match. Swap in the licensed HK Grotesk Pro webfonts and this is
   the only file that changes. */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
  /* Figma variable: Basics / Typography / font-primary */
  --basics-typography-font-primary: 'HK Grotesk Pro';
  --tipografia-font-disseny: 'HK Grotesk Pro';
  /* Figma variable: Tipografia / font-wireframe */
  --tipografia-font-wireframe: 'Inter';

  /* Resolved stacks — use these in CSS. */
  --font-primary: 'HK Grotesk Pro', 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --font-wireframe: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}