{
 "$description": "Swiss design system. Sanzo Wada combination 31.",
 "palette": {
  "red-orange": {
   "$type": "color",
   "$value": {
    "colorSpace": "srgb",
    "components": [
     0.8667,
     0.251,
     0.1529
    ],
    "hex": "#dd4027"
   },
   "$description": "Red Orange (Sanzo Wada)"
  },
  "pale-lemon-yellow": {
   "$type": "color",
   "$value": {
    "colorSpace": "srgb",
    "components": [
     1,
     0.9373,
     0.6824
    ],
    "hex": "#ffefae"
   },
   "$description": "Pale Lemon Yellow (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.0667,
      0.0667,
      0.0667
     ],
     "hex": "#111111"
    },
    "$description": "Headings and primary text"
   },
   "body": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.3569,
      0.3569,
      0.3569
     ],
     "hex": "#5b5b5b"
    },
    "$description": "Body copy"
   },
   "surface": {
    "$type": "color",
    "$value": "{palette.red-orange}",
    "$description": "Cards and raised panels"
   },
   "surface-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0667,
      0.0667,
      0.0667
     ],
     "hex": "#111111"
    },
    "$description": "Text on surfaces"
   },
   "muted": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9608,
      0.9608,
      0.9608
     ],
     "hex": "#f5f5f5"
    },
    "$description": "Quiet bands, wells, hover rows"
   },
   "muted-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.3569,
      0.3569,
      0.3569
     ],
     "hex": "#5b5b5b"
    },
    "$description": "Secondary text, captions, labels"
   },
   "border": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0667,
      0.0667,
      0.0667
     ],
     "alpha": 0.14,
     "hex": "#111111"
    },
    "$description": "Hairlines, dividers, card edges"
   },
   "border-strong": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0667,
      0.0667,
      0.0667
     ],
     "alpha": 0.28,
     "hex": "#111111"
    },
    "$description": "Emphasised rules, input edges on hover"
   },
   "input": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0667,
      0.0667,
      0.0667
     ],
     "alpha": 0.14,
     "hex": "#111111"
    },
    "$description": "Input borders"
   },
   "input-background": {
    "$type": "color",
    "$value": "{palette.red-orange}",
    "$description": "Input fill"
   },
   "ring": {
    "$type": "color",
    "$value": "{palette.red-orange}",
    "$description": "Focus ring"
   },
   "primary": {
    "$type": "color",
    "$value": "{palette.red-orange}",
    "$description": "Primary action fill"
   },
   "primary-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0667,
      0.0667,
      0.0667
     ],
     "hex": "#111111"
    },
    "$description": "Text on primary"
   },
   "secondary": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9608,
      0.9608,
      0.9608
     ],
     "hex": "#f5f5f5"
    },
    "$description": "Secondary action fill"
   },
   "secondary-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0667,
      0.0667,
      0.0667
     ],
     "hex": "#111111"
    },
    "$description": "Text on secondary"
   },
   "accent": {
    "$type": "color",
    "$value": "{palette.red-orange}",
    "$description": "Brand accent: highlights, links, active states"
   },
   "accent-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0667,
      0.0667,
      0.0667
     ],
     "hex": "#111111"
    },
    "$description": "Text on accent"
   },
   "inverse": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0667,
      0.0667,
      0.0667
     ],
     "hex": "#111111"
    },
    "$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.6471,
      0.6471,
      0.6471
     ],
     "hex": "#a5a5a5"
    },
    "$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": "{palette.red-orange}",
    "$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.0667,
      0.0667,
      0.0667
     ],
     "hex": "#111111"
    },
    "$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.8863,
      0.8863,
      0.8863
     ],
     "hex": "#e2e2e2"
    },
    "$description": "Body copy"
   },
   "surface": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.1216,
      0.1216,
      0.1216
     ],
     "hex": "#1f1f1f"
    },
    "$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.1608,
      0.1608,
      0.1608
     ],
     "hex": "#292929"
    },
    "$description": "Quiet bands, wells, hover rows"
   },
   "muted-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.6471,
      0.6471,
      0.6471
     ],
     "hex": "#a5a5a5"
    },
    "$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.1137,
      0.1137,
      0.1137
     ],
     "hex": "#1d1d1d"
    },
    "$description": "Input fill"
   },
   "ring": {
    "$type": "color",
    "$value": "{palette.red-orange}",
    "$description": "Focus ring"
   },
   "primary": {
    "$type": "color",
    "$value": "{palette.red-orange}",
    "$description": "Primary action fill"
   },
   "primary-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0667,
      0.0667,
      0.0667
     ],
     "hex": "#111111"
    },
    "$description": "Text on primary"
   },
   "secondary": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.1804,
      0.1804,
      0.1804
     ],
     "hex": "#2e2e2e"
    },
    "$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.red-orange}",
    "$description": "Brand accent: highlights, links, active states"
   },
   "accent-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0667,
      0.0667,
      0.0667
     ],
     "hex": "#111111"
    },
    "$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.0667,
      0.0667,
      0.0667
     ],
     "hex": "#111111"
    },
    "$description": "Text on inverse"
   },
   "inverse-muted": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.4196,
      0.4196,
      0.4196
     ],
     "hex": "#6b6b6b"
    },
    "$description": "Secondary text on inverse"
   },
   "inverse-border": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0667,
      0.0667,
      0.0667
     ],
     "alpha": 0.16,
     "hex": "#111111"
    },
    "$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": [
    "Archivo",
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    "sans-serif"
   ],
   "$description": "Archivo · SIL Open Font License 1.1"
  },
  "body": {
   "$type": "fontFamily",
   "$value": [
    "Archivo",
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    "sans-serif"
   ],
   "$description": "Archivo · SIL Open Font License 1.1"
  }
 },
 "text": {
  "display": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.display}",
    "fontSize": {
     "value": 109.44,
     "unit": "px"
    },
    "fontWeight": 800,
    "lineHeight": 0.88,
    "letterSpacing": {
     "value": -0.045,
     "unit": "em"
    }
   },
   "$description": "Display: clamp(54px, 2.09rem + 5.28vw, 109.44px); 54px on phones"
  },
  "h2": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.display}",
    "fontSize": {
     "value": 67.85,
     "unit": "px"
    },
    "fontWeight": 800,
    "lineHeight": 0.88,
    "letterSpacing": {
     "value": -0.045,
     "unit": "em"
    }
   },
   "$description": "H2: clamp(33px, 1.25rem + 3.32vw, 67.85px); 33px on phones"
  },
  "h3": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.display}",
    "fontSize": {
     "value": 21.6,
     "unit": "px"
    },
    "fontWeight": 700,
    "lineHeight": 1.15,
    "letterSpacing": {
     "value": -0.015,
     "unit": "em"
    }
   },
   "$description": "H3: clamp(19px, 1.13rem + 0.25vw, 21.6px); 19px on phones"
  },
  "lead": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.body}",
    "fontSize": {
     "value": 19.87,
     "unit": "px"
    },
    "fontWeight": 400,
    "lineHeight": 1.4,
    "letterSpacing": {
     "value": 0,
     "unit": "em"
    }
   },
   "$description": "Lead: 19.87px; 19.87px on phones"
  },
  "body": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.body}",
    "fontSize": {
     "value": 16.56,
     "unit": "px"
    },
    "fontWeight": 400,
    "lineHeight": 1.4,
    "letterSpacing": {
     "value": 0,
     "unit": "em"
    }
   },
   "$description": "Body: clamp(15px, 0.9rem + 0.15vw, 16.56px); 15px on phones"
  },
  "small": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.body}",
    "fontSize": {
     "value": 14.49,
     "unit": "px"
    },
    "fontWeight": 400,
    "lineHeight": 1.4,
    "letterSpacing": {
     "value": 0,
     "unit": "em"
    }
   },
   "$description": "Small: 14.49px; 14.49px on phones"
  },
  "eyebrow": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.body}",
    "fontSize": {
     "value": 13.25,
     "unit": "px"
    },
    "fontWeight": 500,
    "lineHeight": 1.4,
    "letterSpacing": {
     "value": 0.04,
     "unit": "em"
    }
   },
   "$description": "Eyebrow: 13.25px, uppercase; 13.25px 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": 1280,
    "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": {
  "fast": {
   "$type": "duration",
   "$value": {
    "value": 250,
    "unit": "ms"
   }
  },
  "base": {
   "$type": "duration",
   "$value": {
    "value": 700,
    "unit": "ms"
   }
  },
  "slow": {
   "$type": "duration",
   "$value": {
    "value": 1000,
    "unit": "ms"
   }
  }
 },
 "easing": {}
}