{
 "$description": "Halden design system. Sanzo Wada combination 190.",
 "palette": {
  "ivory-buff": {
   "$type": "color",
   "$value": {
    "colorSpace": "srgb",
    "components": [
     0.9216,
     0.8275,
     0.6353
    ],
    "hex": "#ebd3a2"
   },
   "$description": "Ivory Buff (Sanzo Wada)"
  },
  "english-red": {
   "$type": "color",
   "$value": {
    "colorSpace": "srgb",
    "components": [
     0.851,
     0.4,
     0.1608
    ],
    "hex": "#d96629"
   },
   "$description": "English Red (Sanzo Wada)"
  },
  "black": {
   "$type": "color",
   "$value": {
    "colorSpace": "srgb",
    "components": [
     0.0667,
     0.0745,
     0.0784
    ],
    "hex": "#111314"
   },
   "$description": "Black (Sanzo Wada)"
  }
 },
 "color": {
  "light": {
   "background": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9451,
      0.9412,
      0.9255
     ],
     "hex": "#f1f0ec"
    },
    "$description": "Page background"
   },
   "foreground": {
    "$type": "color",
    "$value": "{palette.black}",
    "$description": "Headings and primary text"
   },
   "body": {
    "$type": "color",
    "$value": "{palette.black}",
    "$description": "Body copy"
   },
   "surface": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9843,
      0.9804,
      0.9686
     ],
     "hex": "#fbfaf7"
    },
    "$description": "Cards and raised panels"
   },
   "surface-foreground": {
    "$type": "color",
    "$value": "{palette.black}",
    "$description": "Text on surfaces"
   },
   "muted": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9137,
      0.9059,
      0.8824
     ],
     "hex": "#e9e7e1"
    },
    "$description": "Quiet bands, wells, hover rows"
   },
   "muted-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.3882,
      0.3922,
      0.3725
     ],
     "hex": "#63645f"
    },
    "$description": "Secondary text, captions, labels"
   },
   "border": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0627,
      0.0627,
      0.0627
     ],
     "alpha": 0.12,
     "hex": "#101010"
    },
    "$description": "Hairlines, dividers, card edges"
   },
   "border-strong": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0588,
      0.0784,
      0.0784
     ],
     "alpha": 0.2,
     "hex": "#0f1414"
    },
    "$description": "Emphasised rules, input edges on hover"
   },
   "input": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0627,
      0.0627,
      0.0627
     ],
     "alpha": 0.12,
     "hex": "#101010"
    },
    "$description": "Input borders"
   },
   "input-background": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9843,
      0.9804,
      0.9686
     ],
     "hex": "#fbfaf7"
    },
    "$description": "Input fill"
   },
   "ring": {
    "$type": "color",
    "$value": "{palette.english-red}",
    "$description": "Focus ring"
   },
   "primary": {
    "$type": "color",
    "$value": "{palette.black}",
    "$description": "Primary action fill"
   },
   "primary-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9451,
      0.9412,
      0.9255
     ],
     "hex": "#f1f0ec"
    },
    "$description": "Text on primary"
   },
   "secondary": {
    "$type": "color",
    "$value": "{palette.english-red}",
    "$description": "Secondary action fill"
   },
   "secondary-foreground": {
    "$type": "color",
    "$value": "{palette.black}",
    "$description": "Text on secondary"
   },
   "accent": {
    "$type": "color",
    "$value": "{palette.english-red}",
    "$description": "Brand accent: highlights, links, active states"
   },
   "accent-foreground": {
    "$type": "color",
    "$value": "{palette.black}",
    "$description": "Text on accent"
   },
   "inverse": {
    "$type": "color",
    "$value": "{palette.black}",
    "$description": "Inverted band (dark on light pages, light on dark)"
   },
   "inverse-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9451,
      0.9412,
      0.9255
     ],
     "hex": "#f1f0ec"
    },
    "$description": "Text on inverse"
   },
   "inverse-muted": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.6118,
      0.6118,
      0.6039
     ],
     "hex": "#9c9c9a"
    },
    "$description": "Secondary text on inverse"
   },
   "inverse-border": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9451,
      0.9412,
      0.9255
     ],
     "alpha": 0.16,
     "hex": "#f1f0ec"
    },
    "$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": "{palette.black}",
    "$description": "Page background"
   },
   "foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9451,
      0.9412,
      0.9255
     ],
     "hex": "#f1f0ec"
    },
    "$description": "Headings and primary text"
   },
   "body": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9451,
      0.9412,
      0.9255
     ],
     "hex": "#f1f0ec"
    },
    "$description": "Body copy"
   },
   "surface": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.1059,
      0.1137,
      0.1176
     ],
     "hex": "#1b1d1e"
    },
    "$description": "Cards and raised panels"
   },
   "surface-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9451,
      0.9412,
      0.9255
     ],
     "hex": "#f1f0ec"
    },
    "$description": "Text on surfaces"
   },
   "muted": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.102,
      0.1098,
      0.1137
     ],
     "hex": "#1a1c1d"
    },
    "$description": "Quiet bands, wells, hover rows"
   },
   "muted-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.6392,
      0.6431,
      0.6235
     ],
     "hex": "#a3a49f"
    },
    "$description": "Secondary text, captions, labels"
   },
   "border": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9373,
      0.9373,
      0.9373
     ],
     "alpha": 0.12,
     "hex": "#efefef"
    },
    "$description": "Hairlines, dividers, card edges"
   },
   "border-strong": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9412,
      0.9412,
      0.9216
     ],
     "alpha": 0.2,
     "hex": "#f0f0eb"
    },
    "$description": "Emphasised rules, input edges on hover"
   },
   "input": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9373,
      0.9373,
      0.9373
     ],
     "alpha": 0.12,
     "hex": "#efefef"
    },
    "$description": "Input borders"
   },
   "input-background": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.1059,
      0.1137,
      0.1176
     ],
     "hex": "#1b1d1e"
    },
    "$description": "Input fill"
   },
   "ring": {
    "$type": "color",
    "$value": "{palette.english-red}",
    "$description": "Focus ring"
   },
   "primary": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9451,
      0.9412,
      0.9255
     ],
     "hex": "#f1f0ec"
    },
    "$description": "Primary action fill"
   },
   "primary-foreground": {
    "$type": "color",
    "$value": "{palette.black}",
    "$description": "Text on primary"
   },
   "secondary": {
    "$type": "color",
    "$value": "{palette.black}",
    "$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.english-red}",
    "$description": "Brand accent: highlights, links, active states"
   },
   "accent-foreground": {
    "$type": "color",
    "$value": "{palette.black}",
    "$description": "Text on accent"
   },
   "inverse": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9843,
      0.9804,
      0.9686
     ],
     "hex": "#fbfaf7"
    },
    "$description": "Inverted band (dark on light pages, light on dark)"
   },
   "inverse-foreground": {
    "$type": "color",
    "$value": "{palette.black}",
    "$description": "Text on inverse"
   },
   "inverse-muted": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.4157,
      0.4196,
      0.4157
     ],
     "hex": "#6a6b6a"
    },
    "$description": "Secondary text on inverse"
   },
   "inverse-border": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0667,
      0.0745,
      0.0784
     ],
     "alpha": 0.16,
     "hex": "#111314"
    },
    "$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": [
    "Inter Tight",
    "ui-sans-serif",
    "system-ui",
    "-apple-system",
    "Segoe UI",
    "sans-serif"
   ],
   "$description": "Inter Tight · SIL Open Font License 1.1"
  },
  "body": {
   "$type": "fontFamily",
   "$value": [
    "Inter Tight",
    "ui-sans-serif",
    "system-ui",
    "-apple-system",
    "Segoe UI",
    "sans-serif"
   ],
   "$description": "Inter Tight · SIL Open Font License 1.1"
  },
  "accent": {
   "$type": "fontFamily",
   "$value": [
    "Newsreader",
    "ui-serif",
    "Georgia",
    "serif"
   ],
   "$description": "Newsreader · SIL Open Font License 1.1"
  }
 },
 "text": {
  "display": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.display}",
    "fontSize": {
     "value": 178.56,
     "unit": "px"
    },
    "fontWeight": 600,
    "lineHeight": 0.82,
    "letterSpacing": {
     "value": -0.065,
     "unit": "em"
    }
   },
   "$description": "Display: clamp(64px, 1.34rem + 10.91vw, 178.56px); 64px on phones"
  },
  "h2": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.display}",
    "fontSize": {
     "value": 63.36,
     "unit": "px"
    },
    "fontWeight": 500,
    "lineHeight": 0.98,
    "letterSpacing": {
     "value": -0.045,
     "unit": "em"
    }
   },
   "$description": "H2: clamp(36px, 4.4vw, 68px); 36px on phones"
  },
  "h3": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.display}",
    "fontSize": {
     "value": 18.72,
     "unit": "px"
    },
    "fontWeight": 700,
    "lineHeight": 1.55,
    "letterSpacing": {
     "value": -0.009,
     "unit": "em"
    }
   },
   "$description": "H3: 18.72px; 18.72px on phones"
  },
  "lead": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.body}",
    "fontSize": {
     "value": 20.88,
     "unit": "px"
    },
    "fontWeight": 400,
    "lineHeight": 1.4,
    "letterSpacing": {
     "value": -0.015,
     "unit": "em"
    }
   },
   "$description": "Lead: clamp(18px, 1.45vw, 22px); 18px on phones"
  },
  "body": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.body}",
    "fontSize": {
     "value": 16,
     "unit": "px"
    },
    "fontWeight": 400,
    "lineHeight": 1.55,
    "letterSpacing": {
     "value": -0.01,
     "unit": "em"
    }
   },
   "$description": "Body: 16px; 16px on phones"
  },
  "small": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.body}",
    "fontSize": {
     "value": 14,
     "unit": "px"
    },
    "fontWeight": 400,
    "lineHeight": 1.55,
    "letterSpacing": {
     "value": -0.011,
     "unit": "em"
    }
   },
   "$description": "Small: 14px; 14px on phones"
  },
  "eyebrow": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.body}",
    "fontSize": {
     "value": 13,
     "unit": "px"
    },
    "fontWeight": 400,
    "lineHeight": 1.55,
    "letterSpacing": {
     "value": -0.012,
     "unit": "em"
    }
   },
   "$description": "Eyebrow: 13px; 13px 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": 10,
    "unit": "px"
   }
  },
  "5": {
   "$type": "dimension",
   "$value": {
    "value": 14,
    "unit": "px"
   }
  },
  "6": {
   "$type": "dimension",
   "$value": {
    "value": 22,
    "unit": "px"
   }
  },
  "7": {
   "$type": "dimension",
   "$value": {
    "value": 32,
    "unit": "px"
   }
  },
  "8": {
   "$type": "dimension",
   "$value": {
    "value": 48,
    "unit": "px"
   }
  },
  "9": {
   "$type": "dimension",
   "$value": {
    "value": 64,
    "unit": "px"
   }
  }
 },
 "layout": {
  "container": {
   "$type": "dimension",
   "$value": {
    "value": 1680,
    "unit": "px"
   }
  },
  "gutter": {
   "$type": "dimension",
   "$value": {
    "value": 34.55,
    "unit": "px"
   },
   "$description": "clamp(18px, 2.4vw, 36px)"
  },
  "section-y": {
   "$type": "dimension",
   "$value": {
    "value": 144,
    "unit": "px"
   },
   "$description": "clamp(88px, 10vw, 168px)"
  }
 },
 "breakpoint": {
  "860": {
   "$type": "dimension",
   "$value": {
    "value": 860,
    "unit": "px"
   }
  },
  "900": {
   "$type": "dimension",
   "$value": {
    "value": 900,
    "unit": "px"
   }
  },
  "960": {
   "$type": "dimension",
   "$value": {
    "value": 960,
    "unit": "px"
   }
  },
  "1000": {
   "$type": "dimension",
   "$value": {
    "value": 1000,
    "unit": "px"
   }
  }
 },
 "radius": {
  "sm": {
   "$type": "dimension",
   "$value": {
    "value": 12,
    "unit": "px"
   }
  },
  "md": {
   "$type": "dimension",
   "$value": {
    "value": 18,
    "unit": "px"
   }
  },
  "lg": {
   "$type": "dimension",
   "$value": {
    "value": 32,
    "unit": "px"
   }
  },
  "pill": {
   "$type": "dimension",
   "$value": {
    "value": 9999,
    "unit": "px"
   }
  }
 },
 "shadow": {
  "sm": {
   "$type": "shadow",
   "$value": [
    {
     "color": {
      "colorSpace": "srgb",
      "components": [
       0,
       0,
       0
      ],
      "alpha": 0.8
     },
     "offsetX": {
      "value": 0,
      "unit": "px"
     },
     "offsetY": {
      "value": 40,
      "unit": "px"
     },
     "blur": {
      "value": 70,
      "unit": "px"
     },
     "spread": {
      "value": -30,
      "unit": "px"
     }
    }
   ]
  },
  "ring": {
   "$type": "shadow",
   "$value": [
    {
     "color": {
      "colorSpace": "srgb",
      "components": [
       0.0667,
       0.0745,
       0.0784
      ],
      "alpha": 0.12
     },
     "offsetX": {
      "value": 0,
      "unit": "px"
     },
     "offsetY": {
      "value": 0,
      "unit": "px"
     },
     "blur": {
      "value": 0,
      "unit": "px"
     },
     "spread": {
      "value": 1,
      "unit": "px"
     },
     "inset": true
    }
   ]
  }
 },
 "duration": {
  "fast": {
   "$type": "duration",
   "$value": {
    "value": 350,
    "unit": "ms"
   }
  },
  "base": {
   "$type": "duration",
   "$value": {
    "value": 700,
    "unit": "ms"
   }
  },
  "slow": {
   "$type": "duration",
   "$value": {
    "value": 1200,
    "unit": "ms"
   }
  }
 },
 "easing": {
  "in-out": {
   "$type": "cubicBezier",
   "$value": [
    0.76,
    0,
    0.24,
    1
   ]
  },
  "out": {
   "$type": "cubicBezier",
   "$value": [
    0.16,
    1,
    0.3,
    1
   ]
  }
 }
}