{
 "$description": "Brutalism design system. Sanzo Wada combination 49.",
 "palette": {
  "pale-king-s-blue": {
   "$type": "color",
   "$value": {
    "colorSpace": "srgb",
    "components": [
     0.6549,
     0.8314,
     0.8941
    ],
    "hex": "#a7d4e4"
   },
   "$description": "Pale King's Blue (Sanzo Wada)"
  },
  "blue": {
   "$type": "color",
   "$value": {
    "colorSpace": "srgb",
    "components": [
     0,
     0.4314,
     0.7216
    ],
    "hex": "#006eb8"
   },
   "$description": "Blue (Sanzo Wada)"
  }
 },
 "color": {
  "light": {
   "background": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "hex": "#ffffff"
    },
    "$description": "Page background"
   },
   "foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0,
      0,
      0
     ],
     "hex": "#000000"
    },
    "$description": "Headings and primary text"
   },
   "body": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0,
      0,
      0
     ],
     "hex": "#000000"
    },
    "$description": "Body copy"
   },
   "surface": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "hex": "#ffffff"
    },
    "$description": "Cards and raised panels"
   },
   "surface-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0,
      0,
      0
     ],
     "hex": "#000000"
    },
    "$description": "Text on surfaces"
   },
   "muted": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9137,
      0.9137,
      0.9137
     ],
     "hex": "#e9e9e9"
    },
    "$description": "Quiet bands, wells, hover rows"
   },
   "muted-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.4,
      0.4,
      0.4
     ],
     "hex": "#666666"
    },
    "$description": "Secondary text, captions, labels"
   },
   "border": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0,
      0,
      0
     ],
     "alpha": 0.14,
     "hex": "#000000"
    },
    "$description": "Hairlines, dividers, card edges"
   },
   "border-strong": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0,
      0,
      0
     ],
     "alpha": 0.28,
     "hex": "#000000"
    },
    "$description": "Emphasised rules, input edges on hover"
   },
   "input": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0,
      0,
      0
     ],
     "alpha": 0.14,
     "hex": "#000000"
    },
    "$description": "Input borders"
   },
   "input-background": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "hex": "#ffffff"
    },
    "$description": "Input fill"
   },
   "ring": {
    "$type": "color",
    "$value": "{palette.blue}",
    "$description": "Focus ring"
   },
   "primary": {
    "$type": "color",
    "$value": "{palette.blue}",
    "$description": "Primary action fill"
   },
   "primary-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "hex": "#ffffff"
    },
    "$description": "Text on primary"
   },
   "secondary": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9137,
      0.9137,
      0.9137
     ],
     "hex": "#e9e9e9"
    },
    "$description": "Secondary action fill"
   },
   "secondary-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0,
      0,
      0
     ],
     "hex": "#000000"
    },
    "$description": "Text on secondary"
   },
   "accent": {
    "$type": "color",
    "$value": "{palette.blue}",
    "$description": "Brand accent: highlights, links, active states"
   },
   "accent-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "hex": "#ffffff"
    },
    "$description": "Text on accent"
   },
   "inverse": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0,
      0,
      0
     ],
     "hex": "#000000"
    },
    "$description": "Inverted band (dark on light pages, light on dark)"
   },
   "inverse-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "hex": "#ffffff"
    },
    "$description": "Text on inverse"
   },
   "inverse-muted": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.6196,
      0.6196,
      0.6196
     ],
     "hex": "#9e9e9e"
    },
    "$description": "Secondary text on inverse"
   },
   "inverse-border": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "alpha": 0.16,
     "hex": "#ffffff"
    },
    "$description": "Hairlines on inverse"
   },
   "destructive": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.8667,
      0.251,
      0.1529
     ],
     "hex": "#dd4027"
    },
    "$description": "Errors and destructive actions"
   },
   "destructive-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "hex": "#ffffff"
    },
    "$description": "Text on destructive"
   }
  },
  "dark": {
   "background": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0,
      0,
      0
     ],
     "hex": "#000000"
    },
    "$description": "Page background"
   },
   "foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "hex": "#ffffff"
    },
    "$description": "Headings and primary text"
   },
   "body": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.8784,
      0.8784,
      0.8784
     ],
     "hex": "#e0e0e0"
    },
    "$description": "Body copy"
   },
   "surface": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0588,
      0.0588,
      0.0588
     ],
     "hex": "#0f0f0f"
    },
    "$description": "Cards and raised panels"
   },
   "surface-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "hex": "#ffffff"
    },
    "$description": "Text on surfaces"
   },
   "muted": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.102,
      0.102,
      0.102
     ],
     "hex": "#1a1a1a"
    },
    "$description": "Quiet bands, wells, hover rows"
   },
   "muted-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.6196,
      0.6196,
      0.6196
     ],
     "hex": "#9e9e9e"
    },
    "$description": "Secondary text, captions, labels"
   },
   "border": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "alpha": 0.14,
     "hex": "#ffffff"
    },
    "$description": "Hairlines, dividers, card edges"
   },
   "border-strong": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "alpha": 0.26,
     "hex": "#ffffff"
    },
    "$description": "Emphasised rules, input edges on hover"
   },
   "input": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "alpha": 0.2,
     "hex": "#ffffff"
    },
    "$description": "Input borders"
   },
   "input-background": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.051,
      0.051,
      0.051
     ],
     "hex": "#0d0d0d"
    },
    "$description": "Input fill"
   },
   "ring": {
    "$type": "color",
    "$value": "{palette.blue}",
    "$description": "Focus ring"
   },
   "primary": {
    "$type": "color",
    "$value": "{palette.blue}",
    "$description": "Primary action fill"
   },
   "primary-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "hex": "#ffffff"
    },
    "$description": "Text on primary"
   },
   "secondary": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.1216,
      0.1216,
      0.1216
     ],
     "hex": "#1f1f1f"
    },
    "$description": "Secondary action fill"
   },
   "secondary-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "hex": "#ffffff"
    },
    "$description": "Text on secondary"
   },
   "accent": {
    "$type": "color",
    "$value": "{palette.blue}",
    "$description": "Brand accent: highlights, links, active states"
   },
   "accent-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "hex": "#ffffff"
    },
    "$description": "Text on accent"
   },
   "inverse": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "hex": "#ffffff"
    },
    "$description": "Inverted band (dark on light pages, light on dark)"
   },
   "inverse-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0,
      0,
      0
     ],
     "hex": "#000000"
    },
    "$description": "Text on inverse"
   },
   "inverse-muted": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.3804,
      0.3804,
      0.3804
     ],
     "hex": "#616161"
    },
    "$description": "Secondary text on inverse"
   },
   "inverse-border": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0,
      0,
      0
     ],
     "alpha": 0.16,
     "hex": "#000000"
    },
    "$description": "Hairlines on inverse"
   },
   "destructive": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.8824,
      0.3412,
      0.2549
     ],
     "hex": "#e15741"
    },
    "$description": "Errors and destructive actions"
   },
   "destructive-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0667,
      0.0667,
      0.0667
     ],
     "hex": "#111111"
    },
    "$description": "Text on destructive"
   }
  }
 },
 "font": {
  "display": {
   "$type": "fontFamily",
   "$value": [
    "Tinos",
    "Times New Roman",
    "Times",
    "serif"
   ],
   "$description": "Tinos · Apache License 2.0"
  },
  "body": {
   "$type": "fontFamily",
   "$value": [
    "Tinos",
    "Times New Roman",
    "Times",
    "serif"
   ],
   "$description": "Tinos · Apache License 2.0"
  },
  "alt": {
   "$type": "fontFamily",
   "$value": [
    "Cousine",
    "Courier New",
    "Courier",
    "monospace"
   ],
   "$description": "Cousine · Apache License 2.0"
  }
 },
 "text": {
  "display": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.display}",
    "fontSize": {
     "value": 132.48,
     "unit": "px"
    },
    "fontWeight": 400,
    "lineHeight": 0.9,
    "letterSpacing": {
     "value": -0.035,
     "unit": "em"
    }
   },
   "$description": "Display: clamp(56px, 1.72rem + 7.28vw, 132.48px); 56px on phones"
  },
  "h2": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.display}",
    "fontSize": {
     "value": 82.14,
     "unit": "px"
    },
    "fontWeight": 400,
    "lineHeight": 0.9,
    "letterSpacing": {
     "value": -0.035,
     "unit": "em"
    }
   },
   "$description": "H2: clamp(59px, 3.15rem + 2.2vw, 82.14px); 59px on phones"
  },
  "h3": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.display}",
    "fontSize": {
     "value": 36,
     "unit": "px"
    },
    "fontWeight": 700,
    "lineHeight": 1,
    "letterSpacing": {
     "value": -0.02,
     "unit": "em"
    }
   },
   "$description": "H3: clamp(26px, 1.39rem + 0.95vw, 36px); 26px on phones"
  },
  "lead": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.body}",
    "fontSize": {
     "value": 22.8,
     "unit": "px"
    },
    "fontWeight": 400,
    "lineHeight": 1.3,
    "letterSpacing": {
     "value": 0,
     "unit": "em"
    }
   },
   "$description": "Lead: clamp(20px, 1.19rem + 0.27vw, 22.8px); 20px on phones"
  },
  "body": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.body}",
    "fontSize": {
     "value": 19,
     "unit": "px"
    },
    "fontWeight": 400,
    "lineHeight": 1.3,
    "letterSpacing": {
     "value": 0,
     "unit": "em"
    }
   },
   "$description": "Body: clamp(18px, 1.1rem + 0.1vw, 19px); 18px on phones"
  },
  "small": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.alt}",
    "fontSize": {
     "value": 14,
     "unit": "px"
    },
    "fontWeight": 400,
    "lineHeight": 1.2,
    "letterSpacing": {
     "value": 0,
     "unit": "em"
    }
   },
   "$description": "Small: 14px; 14px on phones"
  },
  "eyebrow": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.body}",
    "fontSize": {
     "value": 15.2,
     "unit": "px"
    },
    "fontWeight": 500,
    "lineHeight": 1.3,
    "letterSpacing": {
     "value": 0.04,
     "unit": "em"
    }
   },
   "$description": "Eyebrow: 15.2px, uppercase; 15.2px on phones"
  }
 },
 "space": {
  "1": {
   "$type": "dimension",
   "$value": {
    "value": 2,
    "unit": "px"
   }
  },
  "2": {
   "$type": "dimension",
   "$value": {
    "value": 4,
    "unit": "px"
   }
  },
  "3": {
   "$type": "dimension",
   "$value": {
    "value": 6,
    "unit": "px"
   }
  },
  "4": {
   "$type": "dimension",
   "$value": {
    "value": 8,
    "unit": "px"
   }
  },
  "5": {
   "$type": "dimension",
   "$value": {
    "value": 12,
    "unit": "px"
   }
  },
  "6": {
   "$type": "dimension",
   "$value": {
    "value": 16,
    "unit": "px"
   }
  },
  "7": {
   "$type": "dimension",
   "$value": {
    "value": 24,
    "unit": "px"
   }
  },
  "8": {
   "$type": "dimension",
   "$value": {
    "value": 32,
    "unit": "px"
   }
  },
  "9": {
   "$type": "dimension",
   "$value": {
    "value": 48,
    "unit": "px"
   }
  },
  "10": {
   "$type": "dimension",
   "$value": {
    "value": 64,
    "unit": "px"
   }
  }
 },
 "layout": {
  "container": {
   "$type": "dimension",
   "$value": {
    "value": 1360,
    "unit": "px"
   }
  },
  "gutter": {
   "$type": "dimension",
   "$value": {
    "value": 32,
    "unit": "px"
   },
   "$description": "32px"
  },
  "section-y": {
   "$type": "dimension",
   "$value": {
    "value": 96,
    "unit": "px"
   },
   "$description": "clamp(64px, 3.26rem + 3.05vw, 96px)"
  }
 },
 "breakpoint": {},
 "radius": {
  "sm": {
   "$type": "dimension",
   "$value": {
    "value": 0,
    "unit": "px"
   }
  },
  "md": {
   "$type": "dimension",
   "$value": {
    "value": 0,
    "unit": "px"
   }
  },
  "lg": {
   "$type": "dimension",
   "$value": {
    "value": 0,
    "unit": "px"
   }
  }
 },
 "shadow": {},
 "duration": {},
 "easing": {}
}