{
  "$meta": {
    "name": "Trailwise",
    "version": "1.0",
    "date": "2026-08-15",
    "theme": "light",
    "replaces": "Field Guide",
    "fonts": {
      "display": "Space Grotesk",
      "body": "Noto Sans",
      "mono": "ui-monospace"
    }
  },
  "color": {
    "ink": "#15344B",
    "teal": "#03B8A5",
    "tealDeep": "#00786C",
    "aqua": "rgba(0,255,229,.2)",
    "sky": "#E2F5FF",
    "sky2": "#D8F1FF",
    "paper": "#FFFFFF",
    "body": "#000000",
    "duo": "#1C5F91",
    "line": "rgba(21,52,75,.14)",
    "lineStrong": "rgba(21,52,75,.28)",
    "muted": "#6A7F8E"
  },
  "usage": {
    "teal": "fills only, never text (2.5:1 on white)",
    "tealDeep": "text-safe teal",
    "body": "body copy is true black",
    "ink": "display type and dark surfaces"
  },
  "radius": {
    "container": "32px",
    "panel": "8px",
    "control": "0px"
  },
  "layout": {
    "gutter": "20px",
    "gutterWide": "32px",
    "maxWidth": "1416px",
    "headerHeight": "104px",
    "headerHeightNarrow": "88px"
  },
  "space": [
    4,
    8,
    12,
    16,
    24,
    32,
    48,
    64,
    96
  ],
  "type": {
    "display": {
      "family": "Space Grotesk",
      "weight": 500,
      "tracking": "-.05em"
    },
    "body": {
      "family": "Noto Sans",
      "weight": 500,
      "tracking": ".02em",
      "leading": 1.33
    },
    "scale": {
      "mega": "clamp(3.6rem,17.6vw,261px)",
      "h1": "clamp(2.9rem,8.1vw,120px)",
      "h2": "clamp(2.2rem,4.05vw,60px)",
      "h3": "clamp(1.9rem,3.1vw,46px)",
      "h4": "clamp(1.4rem,2.16vw,32px)",
      "lede": "clamp(1.1rem,1.82vw,27px)",
      "body": "clamp(1rem,1.21vw,18px)",
      "prose": "clamp(1.05rem,1.32vw,20px)",
      "nav": "16px",
      "ui": "15px",
      "micro": "13px"
    },
    "readingColumn": "68ch"
  },
  "motion": {
    "ease": "cubic-bezier(.22,.61,.36,1)",
    "micro": "220ms",
    "reveal": "800ms"
  },
  "shadow": {
    "card": "0 0 0 1px rgba(21,52,75,.14),0 30px 60px -40px rgba(21,52,75,.45)",
    "lift": "0 0 0 1px rgba(21,52,75,.14),0 40px 80px -40px rgba(21,52,75,.55)",
    "dialog": "0 60px 120px -50px rgba(21,52,75,.7)"
  },
  "button": {
    "cutRatio": 0.315,
    "note": "cut = height x 0.315, about 17.5 degrees off vertical",
    "sizes": {
      "sm": {
        "height": 30,
        "cut": 9
      },
      "md": {
        "height": 38,
        "cut": 12
      },
      "lg": {
        "height": 56,
        "cut": 18
      }
    },
    "hoverCutMultiplier": 1.5,
    "construction": "fill on ::before with clip-path; element box stays rectangular so the focus ring survives"
  },
  "status": {
    "good": {
      "fill": "#0CA30C",
      "ink": "#046B04"
    },
    "warning": {
      "fill": "#FAB219",
      "ink": "#8A5A00"
    },
    "serious": {
      "fill": "#EC835A",
      "ink": "#9A4418"
    },
    "critical": {
      "fill": "#D03B3B",
      "ink": "#A32B2B"
    },
    "rule": "never carries meaning alone; always paired with an icon or label"
  },
  "charts": {
    "surface": "#FFFFFF",
    "categorical": [
      "#00A08F",
      "#E2622A",
      "#1C5F91",
      "#B58200",
      "#C25E8E",
      "#2F7D32",
      "#5B4BA8",
      "#C0392B"
    ],
    "categoricalNames": [
      "teal",
      "orange",
      "blue",
      "amber",
      "magenta",
      "green",
      "violet",
      "red"
    ],
    "adjacentSafe": 8,
    "allPairsSafe": 3,
    "allPairsNote": "scatter, bubble, choropleth and small multiples cap at 3 series; past that fold to Other or facet",
    "sequential": [
      "#D6F2EE",
      "#A9E4DC",
      "#7BD3C8",
      "#4CBFB2",
      "#00A08F",
      "#00857A",
      "#006B62",
      "#00514A"
    ],
    "sequentialOrdinalStart": "#4CBFB2",
    "diverging": {
      "low": [
        "#00514A",
        "#00857A",
        "#4CBFB2",
        "#A9E4DC"
      ],
      "mid": "#EFEDE9",
      "high": [
        "#F6C9A8",
        "#EE9B67",
        "#DE7233",
        "#B04A17"
      ]
    },
    "grid": "rgba(21,52,75,.10)",
    "axis": "rgba(21,52,75,.28)",
    "validated": "dataviz six checks, light surface #FFFFFF, 2026-08-15"
  },
  "contrast": {
    "inkOnPaper": 12.93,
    "inkOnSky": 11.53,
    "tealOnPaper": 2.5,
    "tealDeepOnPaper": 5.38,
    "tealDeepOnSky": 4.8,
    "whiteOnInk": 12.93,
    "whiteOnTealDeep": 5.38,
    "mutedOnPaper": 4.17
  }
}