/* Shrubs design tokens.
   Generated from product/design/tokens/tokens.json, which is verified against the
   Figma frames listed in product/design/README.md. Do not edit by hand. */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  /* Surface */
  --cream: #FEFEF0;
  --sage: #EBEBD8;
  --white: #FFFFFF;
  --ink: #111111;
  --ink-muted: #595959;
  --ink-card: #1C1C1C;

  /* Accent */
  --teal: #88D1D1;
  --teal-deep: #4DBBC2;
  --peach: #F3DABB;
  --peach-deep: #DF8D30;
  --pink: #F9BBE0;
  --pink-deep: #E86FB5;
  --pink-tag: #FFE7F6;
  --coral: #FF5A2D;
  --yellow: #F5E3A3;
  --plum: #4B3060;
  --mint: #B9F5CE;

  /* Washes */
  --wash-teal: linear-gradient(204.666deg, #FEFEF0 0%, #4DBBC2 100%);
  --wash-peach: linear-gradient(204.666deg, #FEFEF0 0%, rgba(223, 141, 48, 0.2) 100%);

  /* Type */
  --font: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --display: 46px;
  --title: 32px;
  --lead: 25px;
  --button: 20px;
  --body: 18px;
  --chip: 16px;
  --eyebrow: 14px;

  /* Spacing */
  --s-xs: 4px;
  --s-s: 8px;
  --s-m: 12px;
  --s-l: 16px;
  --s-xl: 24px;
  --s-xxl: 32px;
  --margin: 24px;

  /* Brand arrow, traced from Figma node 223:2211 */
  --arrow-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019.739%2016.145%22%3E%3Cpath%20d%3D%22M11.3306%2015.7008C11.3456%2015.7158%2011.8036%2015.8306%2012.3485%2015.9558C12.8934%2016.081%2013.3451%2016.1644%2013.3524%2016.1411C13.3596%2016.1178%2013.416%2015.7396%2013.4776%2015.3006C13.6015%2014.4191%2013.9013%2013.3899%2014.2217%2012.7463C15.2204%2010.7403%2017.0123%209.41199%2019.1856%209.06675L19.739%208.97882L19.739%208.09266L19.739%207.20643L19.2374%207.12227C15.9511%206.57093%2013.8086%204.11373%2013.4078%200.436516C13.3817%200.196397%2013.3504%200%2013.3383%200C13.2275%200%2011.391%200.442591%2011.3563%200.477652C11.3312%200.503004%2011.3498%200.728108%2011.3979%200.977795C11.9293%203.74265%2013.4509%205.99249%2015.4255%206.9332L15.8992%207.15886L6.15903%207.17653L0%207.18775L0%208.98121L6.17488%208.99244L15.892%209.01018L15.2941%209.31316C13.7427%2010.0991%2012.5145%2011.6408%2011.7913%2013.7102C11.5852%2014.2997%2011.2742%2015.6438%2011.3306%2015.7008Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");

  /* Radius */
  --r-pill: 100px;
  --r-card: 24px;
  --r-panel: 32px;
  --r-image: 24px;
}