{
  "schemaVersion": "1.0.0",
  "revision": "f5fd78058ba2",
  "styleId": "brutalism",
  "name": "Brutalism",
  "scope": "Base UI tokens for a contemporary web adaptation. The example stylesheet adds style-specific composition, display typography, and decorative colors; inspect it for the complete visual treatment.",
  "color": {
    "surface": "#ffffff",
    "text": "#000000",
    "accent": "#000000",
    "onAccent": "#ffffff",
    "border": "#000000"
  },
  "typography": {
    "display": {
      "family": "ui-monospace, Menlo, Consolas, monospace",
      "size": "36px",
      "maxSize": "52px",
      "weight": 600,
      "lineHeight": 1.15,
      "textTransform": "uppercase"
    },
    "heading": {
      "family": "ui-monospace, Menlo, Consolas, monospace",
      "size": "24px",
      "weight": 600,
      "lineHeight": 1.3
    },
    "body": {
      "family": "system-ui, sans-serif",
      "size": "16px",
      "weight": 400,
      "lineHeight": 1.65
    },
    "caption": {
      "family": "system-ui, sans-serif",
      "size": "14px",
      "weight": 400,
      "lineHeight": 1.5
    }
  },
  "spacing": {
    "unit": "4px",
    "control": "12px",
    "section": "24px",
    "page": "24px"
  },
  "border": {
    "width": "2px",
    "radius": "0px"
  },
  "shadow": "4px 4px 0 #000000",
  "layout": {
    "navigationVariants": [
      "top",
      "sidebar",
      "tabs"
    ],
    "previewWidths": {
      "mobile": 390,
      "tablet": 820,
      "desktop": 1440
    },
    "readingMeasure": "65ch",
    "collapseAt": "760px",
    "minimumControlHeight": "44px"
  },
  "motion": {
    "duration": "0ms",
    "reducedMotion": "No movement required"
  },
  "decoration": {
    "treatment": "hard",
    "scope": "Decorative layer only; retain semantic reading order."
  }
}