{
 "$schema": "ntwrk-tokens/1",
 "meta": {
  "name": "NTWRK design tokens",
  "version": "1.0",
  "source": "Codified from the live ntwrk.com.au global.css (24 Sep 2026 release) plus the approved Home redesign spec (/workspace/ntwrk-review/site-dev-spec.md, 5 Oct 2026). Values are unchanged from live except where marked 'redesign'.",
  "consumers": [
   "apps/site (ntwrk.com.au)",
   "apps/brand (brand.ntwrk.com.au)"
  ],
  "decisions": [
   "5 Oct 2026: wordmark weight 800 everywhere, including the site header.",
   "5 Oct 2026: light --warning #7A5C12 (was #8B6915).",
   "5 Oct 2026: dark --mute #868F87 (was #828B83), the minimum lift to pass 4.5:1 on dark --card.",
   "13 Oct 2026: v1.0 Kit tokens added: --fs-figure-title 21px, --fs-caption-fig 13px, --fs-stat 40px, --table-rule-total 1.5px."
  ]
 },
 "color": {
  "light": {
   "bg": "#F2EFE3",
   "surface": "#ECE9DD",
   "card": "#FFFFFF",
   "ink": "#0F1A14",
   "ink-2": "#2E3A33",
   "mute": "#62695F",
   "line": "#D8D4C5",
   "line-2": "#E5E1D2",
   "hairline": "#0F1A140F",
   "inverse-bg": "#0F1A14",
   "inverse-fg": "#F2EFE3",
   "primary": "#2A7048",
   "primary-hover": "#1F5A39",
   "primary-press": "#143E27",
   "primary-fg": "#F2EFE3",
   "primary-tint": "#E2F0E8",
   "primary-edge": "#BFDBC9",
   "accent": "#B8DDC4",
   "success": "#2A7048",
   "success-bg": "#E2F0E8",
   "success-edge": "#BFDBC9",
   "warning": "#7A5C12",
   "warning-bg": "#F2E5BD",
   "warning-edge": "#DCC890",
   "danger": "#8B2A24",
   "danger-bg": "#F2D8D4",
   "danger-edge": "#DDB2AC",
   "info": "#2E5E80",
   "info-bg": "#DDE6EF",
   "info-edge": "#B8C9DA"
  },
  "dark": {
   "bg": "#0E1411",
   "surface": "#161D19",
   "card": "#1F2823",
   "ink": "#E8E4D6",
   "ink-2": "#BDB9AB",
   "mute": "#868F87",
   "line": "#2A3430",
   "line-2": "#222B27",
   "hairline": "#E8E4D60F",
   "inverse-bg": "#F2EFE3",
   "inverse-fg": "#0E1411",
   "primary": "#6CC48A",
   "primary-hover": "#88D6A2",
   "primary-press": "#A9E5BC",
   "primary-fg": "#0E1411",
   "primary-tint": "#1A2B22",
   "primary-edge": "#234734",
   "accent": "#1F3F2A",
   "success": "#6CC48A",
   "success-bg": "#18241D",
   "success-edge": "#234734",
   "warning": "#D9B466",
   "warning-bg": "#2A2218",
   "warning-edge": "#4A3D26",
   "danger": "#D67268",
   "danger-bg": "#2A1816",
   "danger-edge": "#4A2823",
   "info": "#87B5D2",
   "info-bg": "#142028",
   "info-edge": "#25394A"
  },
  "chart": {
   "_note": "Taken from the private client insight report that is the chart exemplar. Order of use: series 1 ink, series 2 forest (the owned/decision value), series 3 ink-2, series 4 sand. Never more than four series.",
   "light": {
    "c1": "#0F1A14",
    "c2": "#2A7048",
    "c3": "#2E3A33",
    "c4": "#D8D4C5",
    "c-hollow": "#62695F",
    "c-expected": "#62695F"
   },
   "dark": {
    "c1": "#E8E4D6",
    "c2": "#6CC48A",
    "c3": "#BDB9AB",
    "c4": "#2A3430",
    "c-hollow": "#868F87",
    "c-expected": "#868F87"
   }
  }
 },
 "font": {
  "family": {
   "sans": "\"Manrope\", system-ui, -apple-system, sans-serif",
   "mono": "\"IBM Plex Mono\", ui-monospace, monospace"
  },
  "weight": {
   "regular": 400,
   "medium": 500,
   "semibold": 600,
   "bold": 700,
   "wordmark": 800
  },
  "ships": {
   "Manrope": [
    400,
    500,
    600,
    700
   ],
   "IBM Plex Mono": [
    400,
    500
   ],
   "_note": "800 is used only inside the outlined logo files, so it is not shipped as a webfont."
  }
 },
 "type": {
  "display": {
   "size": "clamp(2.25rem, 1.326rem + 5.217vw, 5rem)",
   "min": 36,
   "max": 80,
   "weight": 700,
   "tracking": "-0.04em",
   "leading": 0.95
  },
  "h1-home": {
   "size": "clamp(2.2rem, 0.9rem + 4.1vw, 4.25rem)",
   "min": 35,
   "max": 68,
   "weight": 700,
   "tracking": "-0.04em",
   "leading": 0.95,
   "_src": "redesign"
  },
  "h1-article": {
   "size": "clamp(2.25rem, 1.326rem + 5.217vw, 4rem)",
   "min": 36,
   "max": 64,
   "weight": 700,
   "tracking": "-0.035em",
   "leading": 1.0
  },
  "band-h2": {
   "size": "clamp(2rem, 1.413rem + 2.609vw, 3.5rem)",
   "min": 32,
   "max": 56,
   "weight": 600,
   "tracking": "-0.03em",
   "leading": 1.04
  },
  "section-h2": {
   "size": "clamp(1.75rem, 1.2rem + 2vw, 2.75rem)",
   "min": 28,
   "max": 44,
   "weight": 600,
   "tracking": "-0.03em",
   "leading": 1.06,
   "_src": "redesign"
  },
  "h3": {
   "size": "clamp(1.625rem, 1.38rem + 1.087vw, 2.25rem)",
   "min": 26,
   "max": 36,
   "weight": 600,
   "tracking": "-0.02em",
   "leading": 1.15
  },
  "h4": {
   "size": "clamp(1.25rem, 1.152rem + .435vw, 1.5rem)",
   "min": 20,
   "max": 24,
   "weight": 600,
   "tracking": "-0.01em",
   "leading": 1.25
  },
  "card-title": {
   "size": "18px",
   "weight": 600,
   "tracking": "-0.01em",
   "leading": 1.3
  },
  "body-l": {
   "size": "18px",
   "weight": 400,
   "leading": 1.55
  },
  "body": {
   "size": "16px",
   "weight": 400,
   "leading": 1.55
  },
  "small": {
   "size": "15px",
   "weight": 400,
   "leading": 1.5
  },
  "caption": {
   "size": "14px",
   "weight": 400,
   "leading": 1.5,
   "family": "mono"
  },
  "label": {
   "size": "12px",
   "weight": 400,
   "tracking": "0.14em",
   "case": "uppercase",
   "family": "mono"
  },
  "button": {
   "size": "15px",
   "weight": 600
  },
  "button-lg": {
   "size": "16px",
   "weight": 600
  },
  "field-label": {
   "size": "15px",
   "weight": 600,
   "leading": 1.4
  },
  "figure-min": {
   "desktop": 13,
   "mobile": 14,
   "_note": "Smallest text allowed inside any figure or chart (redesign rule)."
  },
  "figure-title": {
   "size": "21px",
   "weight": 600,
   "tracking": "-0.015em",
   "leading": 1.25,
   "_src": "kit v1.0 (figure system)"
  },
  "caption-fig": {
   "size": "13px",
   "weight": 400,
   "leading": 1.55,
   "_src": "kit v1.0 (figure captions, mono)"
  },
  "stat": {
   "size": "40px",
   "weight": 700,
   "_src": "kit v1.0 (stat figures)"
  }
 },
 "space": {
  "0": "0",
  "1": "4px",
  "2": "8px",
  "3": "12px",
  "4": "16px",
  "5": "20px",
  "6": "24px",
  "7": "32px",
  "8": "40px",
  "9": "56px",
  "10": "72px",
  "11": "96px",
  "12": "128px"
 },
 "layout": {
  "max-w": "1280px",
  "columns": 12,
  "gutter": {
   "default": "32px",
   "max-560": "24px",
   "max-360": "20px"
  },
  "section-pad": "clamp(56px, 7vw, 112px)",
  "measure": "68ch",
  "lede-measure": "62ch",
  "breakpoints": {
   "phone": 560,
   "tablet": 980,
   "nav": 1080
  }
 },
 "radius": {
  "xs": "4px",
  "sm": "6px",
  "md": "10px",
  "lg": "14px",
  "xl": "20px",
  "full": "9999px",
  "button": "8px",
  "button-lg": "10px",
  "input": "8px"
 },
 "size": {
  "button": {
   "height": "44px",
   "padding-x": "18px"
  },
  "button-lg": {
   "height": "52px",
   "padding-x": "24px"
  },
  "button-sm": {
   "height": "32px",
   "padding-x": "12px"
  },
  "input": {
   "height": "44px",
   "padding-x": "14px",
   "font-size": "16px"
  },
  "tap-min": "44px",
  "icon-btn": {
   "desktop": "34px",
   "touch": "44px"
  }
 },
 "shadow": {
  "light": {
   "1": "0 1px 0 #0F1A140A",
   "2": "0 4px 16px -6px #0F1A1414, 0 1px 0 #0F1A140A",
   "3": "0 14px 36px -10px #0F1A1424, 0 2px 0 #0F1A140D"
  },
  "dark": {
   "1": "0 1px 0 #0006",
   "2": "0 6px 16px -6px #0009, 0 1px 0 #0006",
   "3": "0 18px 40px -10px #0009, 0 2px 0 #00000080"
  },
  "focus": "0 0 0 2px var(--bg), 0 0 0 4px var(--primary)",
  "focus-danger": "0 0 0 2px var(--bg), 0 0 0 4px var(--danger)"
 },
 "motion": {
  "dur-fast": ".12s",
  "dur-base": ".2s",
  "dur-slow": ".42s",
  "ease-out": "cubic-bezier(.2, .7, .2, 1)",
  "ease-in-out": "cubic-bezier(.6, 0, .4, 1)",
  "reveal-shift": "12px",
  "reveal-stagger": "70ms",
  "move-press": ".5px"
 },
 "slide": {
  "_note": "HTML presentations. Fixed 1920x1080 canvas, scaled to fit the screen. Sizes are canvas px. At a 1280x720 screen share they render at two thirds.",
  "canvas": {
   "width": 1920,
   "height": 1080,
   "ratio": "16:9"
  },
  "grid": {
   "columns": 12,
   "margin-x": 120,
   "margin-top": 96,
   "margin-bottom": 120,
   "gutter": 40,
   "footer-baseline": 56
  },
  "type": {
   "number": {
    "size": 320,
    "weight": 700,
    "tracking": "-0.05em",
    "leading": 0.9
   },
   "display": {
    "size": 128,
    "weight": 700,
    "tracking": "-0.04em",
    "leading": 0.98
   },
   "statement": {
    "size": 96,
    "weight": 600,
    "tracking": "-0.035em",
    "leading": 1.04
   },
   "h1": {
    "size": 72,
    "weight": 600,
    "tracking": "-0.03em",
    "leading": 1.06
   },
   "h2": {
    "size": 48,
    "weight": 600,
    "tracking": "-0.02em",
    "leading": 1.12
   },
   "h3": {
    "size": 36,
    "weight": 600,
    "tracking": "-0.015em",
    "leading": 1.2
   },
   "lead": {
    "size": 40,
    "weight": 400,
    "tracking": "-0.005em",
    "leading": 1.35
   },
   "body": {
    "size": 32,
    "weight": 400,
    "tracking": "0",
    "leading": 1.4
   },
   "small": {
    "size": 28,
    "weight": 400,
    "tracking": "0",
    "leading": 1.4
   },
   "label": {
    "size": 24,
    "weight": 500,
    "tracking": "0.14em",
    "leading": 1.3,
    "family": "mono",
    "case": "upper"
   }
  },
  "min": {
   "text": 24,
   "body": 28,
   "chart-label": 28,
   "chart-value": 24,
   "_why": "24px on the canvas is 16px in a 1280x720 share and about 2.2% of screen height when projected."
  }
 },
 "rule": {
  "table-total": "1.5px"
 }
}