{
 "$description": "Tidewell design system. Sanzo Wada combination 194.",
 "palette": {
  "jasper-red": {
   "$type": "color",
   "$value": {
    "colorSpace": "srgb",
    "components": [
     0.9216,
     0.3255,
     0.1412
    ],
    "hex": "#eb5324"
   },
   "$description": "Jasper Red (Sanzo Wada)"
  },
  "seashell-pink": {
   "$type": "color",
   "$value": {
    "colorSpace": "srgb",
    "components": [
     0.9922,
     0.8314,
     0.7412
    ],
    "hex": "#fdd4bd"
   },
   "$description": "Seashell Pink (Sanzo Wada)"
  },
  "olympic-blue": {
   "$type": "color",
   "$value": {
    "colorSpace": "srgb",
    "components": [
     0.3529,
     0.5098,
     0.702
    ],
    "hex": "#5a82b3"
   },
   "$description": "Olympic Blue (Sanzo Wada)"
  }
 },
 "color": {
  "light": {
   "background": {
    "$type": "color",
    "$value": "{palette.seashell-pink}",
    "$description": "Page background"
   },
   "foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0824,
      0.0902,
      0.1098
     ],
     "hex": "#15171c"
    },
    "$description": "Headings and primary text"
   },
   "body": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.4078,
      0.3569,
      0.3373
     ],
     "hex": "#685b56"
    },
    "$description": "Body copy"
   },
   "surface": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9961,
      0.902,
      0.851
     ],
     "hex": "#fee6d9"
    },
    "$description": "Cards and raised panels"
   },
   "surface-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0824,
      0.0902,
      0.1098
     ],
     "hex": "#15171c"
    },
    "$description": "Text on surfaces"
   },
   "muted": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9529,
      0.8,
      0.7098
     ],
     "hex": "#f3ccb5"
    },
    "$description": "Quiet bands, wells, hover rows"
   },
   "muted-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.4078,
      0.3569,
      0.3373
     ],
     "hex": "#685b56"
    },
    "$description": "Secondary text, captions, labels"
   },
   "border": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "alpha": 0.75,
     "hex": "#ffffff"
    },
    "$description": "Hairlines, dividers, card edges"
   },
   "border-strong": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0824,
      0.0902,
      0.1098
     ],
     "alpha": 0.28,
     "hex": "#15171c"
    },
    "$description": "Emphasised rules, input edges on hover"
   },
   "input": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "alpha": 0.55,
     "hex": "#ffffff"
    },
    "$description": "Input borders"
   },
   "input-background": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9961,
      0.9412,
      0.9059
     ],
     "hex": "#fef0e7"
    },
    "$description": "Input fill"
   },
   "ring": {
    "$type": "color",
    "$value": "{palette.olympic-blue}",
    "$description": "Focus ring"
   },
   "primary": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0824,
      0.0902,
      0.1098
     ],
     "hex": "#15171c"
    },
    "$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": "{palette.jasper-red}",
    "$description": "Secondary action fill"
   },
   "secondary-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0824,
      0.0902,
      0.1098
     ],
     "hex": "#15171c"
    },
    "$description": "Text on secondary"
   },
   "accent": {
    "$type": "color",
    "$value": "{palette.jasper-red}",
    "$description": "Brand accent: highlights, links, active states"
   },
   "accent-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0824,
      0.0902,
      0.1098
     ],
     "hex": "#15171c"
    },
    "$description": "Text on accent"
   },
   "inverse": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0824,
      0.0902,
      0.1098
     ],
     "hex": "#15171c"
    },
    "$description": "Inverted band (dark on light pages, light on dark)"
   },
   "inverse-foreground": {
    "$type": "color",
    "$value": "{palette.seashell-pink}",
    "$description": "Text on inverse"
   },
   "inverse-muted": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.6471,
      0.549,
      0.502
     ],
     "hex": "#a58c80"
    },
    "$description": "Secondary text on inverse"
   },
   "inverse-border": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9922,
      0.8314,
      0.7412
     ],
     "alpha": 0.16,
     "hex": "#fdd4bd"
    },
    "$description": "Hairlines on inverse"
   },
   "destructive": {
    "$type": "color",
    "$value": "{palette.jasper-red}",
    "$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"
   }
  },
  "dark": {
   "background": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0824,
      0.0902,
      0.1098
     ],
     "hex": "#15171c"
    },
    "$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.6863,
      0.6902,
      0.698
     ],
     "hex": "#afb0b2"
    },
    "$description": "Body copy"
   },
   "surface": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.1294,
      0.1373,
      0.1529
     ],
     "hex": "#212327"
    },
    "$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.1686,
      0.1686,
      0.1686
     ],
     "hex": "#2b2b2b"
    },
    "$description": "Quiet bands, wells, hover rows"
   },
   "muted-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.6863,
      0.6902,
      0.698
     ],
     "hex": "#afb0b2"
    },
    "$description": "Secondary text, captions, labels"
   },
   "border": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "alpha": 0.22,
     "hex": "#ffffff"
    },
    "$description": "Hairlines, dividers, card edges"
   },
   "border-strong": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "alpha": 0.28,
     "hex": "#ffffff"
    },
    "$description": "Emphasised rules, input edges on hover"
   },
   "input": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "alpha": 0.12,
     "hex": "#ffffff"
    },
    "$description": "Input borders"
   },
   "input-background": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.1294,
      0.1373,
      0.1529
     ],
     "hex": "#212327"
    },
    "$description": "Input fill"
   },
   "ring": {
    "$type": "color",
    "$value": "{palette.olympic-blue}",
    "$description": "Focus ring"
   },
   "primary": {
    "$type": "color",
    "$value": "{palette.seashell-pink}",
    "$description": "Primary action fill"
   },
   "primary-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0824,
      0.0902,
      0.1098
     ],
     "hex": "#15171c"
    },
    "$description": "Text on primary"
   },
   "secondary": {
    "$type": "color",
    "$value": "{palette.jasper-red}",
    "$description": "Secondary action fill"
   },
   "secondary-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0824,
      0.0902,
      0.1098
     ],
     "hex": "#15171c"
    },
    "$description": "Text on secondary"
   },
   "accent": {
    "$type": "color",
    "$value": "{palette.seashell-pink}",
    "$description": "Brand accent: highlights, links, active states"
   },
   "accent-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0824,
      0.0902,
      0.1098
     ],
     "hex": "#15171c"
    },
    "$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.0824,
      0.0902,
      0.1098
     ],
     "hex": "#15171c"
    },
    "$description": "Text on inverse"
   },
   "inverse-muted": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.4314,
      0.4353,
      0.4471
     ],
     "hex": "#6e6f72"
    },
    "$description": "Secondary text on inverse"
   },
   "inverse-border": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0824,
      0.0902,
      0.1098
     ],
     "alpha": 0.16,
     "hex": "#15171c"
    },
    "$description": "Hairlines on inverse"
   },
   "destructive": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9294,
      0.4078,
      0.2431
     ],
     "hex": "#ed683e"
    },
    "$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": [
    "Onest",
    "ui-sans-serif",
    "system-ui",
    "-apple-system",
    "Segoe UI",
    "sans-serif"
   ],
   "$description": "Onest · SIL Open Font License 1.1"
  },
  "body": {
   "$type": "fontFamily",
   "$value": [
    "Onest",
    "ui-sans-serif",
    "system-ui",
    "-apple-system",
    "Segoe UI",
    "sans-serif"
   ],
   "$description": "Onest · SIL Open Font License 1.1"
  }
 },
 "text": {
  "display": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.display}",
    "fontSize": {
     "value": 103.68,
     "unit": "px"
    },
    "fontWeight": 600,
    "lineHeight": 0.96,
    "letterSpacing": {
     "value": -0.052,
     "unit": "em"
    }
   },
   "$description": "Display: clamp(48px, 7.2vw, 110px); 48px on phones"
  },
  "h1": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.display}",
    "fontSize": {
     "value": 80.64,
     "unit": "px"
    },
    "fontWeight": 600,
    "lineHeight": 0.98,
    "letterSpacing": {
     "value": -0.045,
     "unit": "em"
    }
   },
   "$description": "H1: clamp(42px, 5.6vw, 84px); 42px on phones"
  },
  "h2": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.display}",
    "fontSize": {
     "value": 66,
     "unit": "px"
    },
    "fontWeight": 600,
    "lineHeight": 1,
    "letterSpacing": {
     "value": -0.045,
     "unit": "em"
    }
   },
   "$description": "H2: clamp(36px, 4.6vw, 66px); 36px on phones"
  },
  "h3": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.display}",
    "fontSize": {
     "value": 20,
     "unit": "px"
    },
    "fontWeight": 600,
    "lineHeight": 1.55,
    "letterSpacing": {
     "value": -0.02,
     "unit": "em"
    }
   },
   "$description": "H3: clamp(17px, 1.4vw, 20px); 20px on phones"
  },
  "lead": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.body}",
    "fontSize": {
     "value": 20,
     "unit": "px"
    },
    "fontWeight": 400,
    "lineHeight": 1.5,
    "letterSpacing": {
     "value": 0,
     "unit": "em"
    }
   },
   "$description": "Lead: clamp(17px, 1.4vw, 20px); 17px on phones"
  },
  "body": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.body}",
    "fontSize": {
     "value": 16.5,
     "unit": "px"
    },
    "fontWeight": 400,
    "lineHeight": 1.55,
    "letterSpacing": {
     "value": 0,
     "unit": "em"
    }
   },
   "$description": "Body: 16.5px; 16px on phones"
  },
  "small": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.body}",
    "fontSize": {
     "value": 13.5,
     "unit": "px"
    },
    "fontWeight": 400,
    "lineHeight": 1.55,
    "letterSpacing": {
     "value": 0,
     "unit": "em"
    }
   },
   "$description": "Small: 13.5px; 13.5px on phones"
  },
  "eyebrow": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.body}",
    "fontSize": {
     "value": 12.5,
     "unit": "px"
    },
    "fontWeight": 600,
    "lineHeight": 1.55,
    "letterSpacing": {
     "value": 0,
     "unit": "em"
    }
   },
   "$description": "Eyebrow: 12.5px; 12.5px on phones"
  }
 },
 "space": {
  "1": {
   "$type": "dimension",
   "$value": {
    "value": 4,
    "unit": "px"
   }
  },
  "2": {
   "$type": "dimension",
   "$value": {
    "value": 6,
    "unit": "px"
   }
  },
  "3": {
   "$type": "dimension",
   "$value": {
    "value": 10,
    "unit": "px"
   }
  },
  "4": {
   "$type": "dimension",
   "$value": {
    "value": 14,
    "unit": "px"
   }
  },
  "5": {
   "$type": "dimension",
   "$value": {
    "value": 22,
    "unit": "px"
   }
  },
  "6": {
   "$type": "dimension",
   "$value": {
    "value": 32,
    "unit": "px"
   }
  },
  "7": {
   "$type": "dimension",
   "$value": {
    "value": 48,
    "unit": "px"
   }
  },
  "8": {
   "$type": "dimension",
   "$value": {
    "value": 64,
    "unit": "px"
   }
  }
 },
 "layout": {
  "container": {
   "$type": "dimension",
   "$value": {
    "value": 1240,
    "unit": "px"
   }
  },
  "gutter": {
   "$type": "dimension",
   "$value": {
    "value": 40,
    "unit": "px"
   },
   "$description": "clamp(16px, 3vw, 40px)"
  },
  "section-y": {
   "$type": "dimension",
   "$value": {
    "value": 144,
    "unit": "px"
   },
   "$description": "clamp(88px, 10vw, 150px)"
  }
 },
 "breakpoint": {
  "760": {
   "$type": "dimension",
   "$value": {
    "value": 760,
    "unit": "px"
   }
  },
  "900": {
   "$type": "dimension",
   "$value": {
    "value": 900,
    "unit": "px"
   }
  },
  "960": {
   "$type": "dimension",
   "$value": {
    "value": 960,
    "unit": "px"
   }
  },
  "1080": {
   "$type": "dimension",
   "$value": {
    "value": 1080,
    "unit": "px"
   }
  }
 },
 "radius": {
  "sm": {
   "$type": "dimension",
   "$value": {
    "value": 14,
    "unit": "px"
   }
  },
  "md": {
   "$type": "dimension",
   "$value": {
    "value": 32,
    "unit": "px"
   }
  },
  "lg": {
   "$type": "dimension",
   "$value": {
    "value": 43,
    "unit": "px"
   }
  },
  "pill": {
   "$type": "dimension",
   "$value": {
    "value": 9999,
    "unit": "px"
   }
  }
 },
 "shadow": {
  "sm": {
   "$type": "shadow",
   "$value": [
    {
     "color": {
      "colorSpace": "srgb",
      "components": [
       0.0824,
       0.0902,
       0.1098
      ],
      "alpha": 0.5
     },
     "offsetX": {
      "value": 0,
      "unit": "px"
     },
     "offsetY": {
      "value": 6,
      "unit": "px"
     },
     "blur": {
      "value": 16,
      "unit": "px"
     },
     "spread": {
      "value": -10,
      "unit": "px"
     }
    },
    {
     "color": {
      "colorSpace": "srgb",
      "components": [
       1,
       1,
       1
      ],
      "alpha": 0.75
     },
     "offsetX": {
      "value": 0,
      "unit": "px"
     },
     "offsetY": {
      "value": 1,
      "unit": "px"
     },
     "blur": {
      "value": 0,
      "unit": "px"
     },
     "spread": {
      "value": 0,
      "unit": "px"
     },
     "inset": true
    }
   ]
  },
  "md": {
   "$type": "shadow",
   "$value": [
    {
     "color": {
      "colorSpace": "srgb",
      "components": [
       0.9216,
       0.3255,
       0.1412
      ],
      "alpha": 1
     },
     "offsetX": {
      "value": 0,
      "unit": "px"
     },
     "offsetY": {
      "value": 10,
      "unit": "px"
     },
     "blur": {
      "value": 22,
      "unit": "px"
     },
     "spread": {
      "value": -12,
      "unit": "px"
     }
    }
   ]
  },
  "lg": {
   "$type": "shadow",
   "$value": [
    {
     "color": {
      "colorSpace": "srgb",
      "components": [
       0.0824,
       0.0902,
       0.1098
      ],
      "alpha": 0.6
     },
     "offsetX": {
      "value": 0,
      "unit": "px"
     },
     "offsetY": {
      "value": 20,
      "unit": "px"
     },
     "blur": {
      "value": 40,
      "unit": "px"
     },
     "spread": {
      "value": -14,
      "unit": "px"
     }
    }
   ]
  },
  "ring": {
   "$type": "shadow",
   "$value": [
    {
     "color": {
      "colorSpace": "srgb",
      "components": [
       1,
       1,
       1
      ],
      "alpha": 0.75
     },
     "offsetX": {
      "value": 0,
      "unit": "px"
     },
     "offsetY": {
      "value": 1,
      "unit": "px"
     },
     "blur": {
      "value": 0,
      "unit": "px"
     },
     "spread": {
      "value": 0,
      "unit": "px"
     },
     "inset": true
    },
    {
     "color": {
      "colorSpace": "srgb",
      "components": [
       1,
       1,
       1
      ],
      "alpha": 0.4
     },
     "offsetX": {
      "value": 0,
      "unit": "px"
     },
     "offsetY": {
      "value": 0,
      "unit": "px"
     },
     "blur": {
      "value": 0,
      "unit": "px"
     },
     "spread": {
      "value": 1,
      "unit": "px"
     },
     "inset": true
    },
    {
     "color": {
      "colorSpace": "srgb",
      "components": [
       0.0824,
       0.0902,
       0.1098
      ],
      "alpha": 0.3
     },
     "offsetX": {
      "value": 0,
      "unit": "px"
     },
     "offsetY": {
      "value": 30,
      "unit": "px"
     },
     "blur": {
      "value": 60,
      "unit": "px"
     },
     "spread": {
      "value": -30,
      "unit": "px"
     }
    }
   ]
  }
 },
 "duration": {
  "fast": {
   "$type": "duration",
   "$value": {
    "value": 250,
    "unit": "ms"
   }
  },
  "base": {
   "$type": "duration",
   "$value": {
    "value": 500,
    "unit": "ms"
   }
  },
  "slow": {
   "$type": "duration",
   "$value": {
    "value": 1250,
    "unit": "ms"
   }
  }
 },
 "easing": {
  "out": {
   "$type": "cubicBezier",
   "$value": [
    0.22,
    0.8,
    0.2,
    1
   ]
  },
  "in-out": {
   "$type": "cubicBezier",
   "$value": [
    0.76,
    0,
    0.24,
    1
   ]
  }
 }
}