theme.json

{
  "typeScale": {
    "steps": 12,
    "viewportMin": 320,
    "viewportMax": 1500,
    "baseMin": 18,
    "baseMax": 22,
    "scaleMin": "minor-third",
    "scaleMax": "perfect-fourth"
  },
  "spaceScale": {
    "steps": 12,
    "viewportMin": 320,
    "viewportMax": 1500,
    "baseMin": 16,
    "baseMax": 18,
    "scaleMin": "minor-third",
    "scaleMax": "perfect-fourth"
  },
  "fonts": {
    "sans": "system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif",
    "serif": "Newsreader,Georgia,Cambria,Times New Roman,Times,serif",
    "mono": "Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace"
  },
  "theme": {
    "light": "#f8f9fa",
    "dark": "#343a40",
    "primary": "#e3cd3d"
  },
  "color": {
    "crimson": "#eb0052",
    "muted": "#6c757d",
    "white": "#fff"
  },
  "properties": {
    "site-width": "100vw",
    "site-max-width": "52em"
  },
  "grid": {
    "steps": 6
  },
  "queries": {
    "lg": "48em"
  },
  "borders": {
    "widths": [
      1,
      2,
      4
    ]
  },
  "radii": [
    2,
    8,
    16,
    9999
  ]
}