/* COLIBRI — generated from the design system's tokens.json. Do not add values here by hand. */
:root {
  /* color */
  --cream: #F7F4EB;
  --surface-raised: #FFFDF8;
  --line: #E3DDCC;
  --ink: #0B4F4E;
  --ink-muted: #4D6B68;
  --on-ink: #F7F4EB;
  --teal: #21857E;
  --teal-text: #1B7069;
  --coral: #F06A4A;
  --mango: #F2B33D;
  --on-fill: #FFFFFF;
  --classic: #C8326A;
  --classic-tint: #E46A96;
  --classic-deep: #8E1F4A;
  --spiced: #B4531E;
  --spiced-tint: #D9844A;
  --spiced-deep: #7A3410;
  --jasmine: #4F8A5B;
  --jasmine-tint: #86B98D;
  --jasmine-deep: #2F5E3A;

  /* type */
  --font-sans: Montserrat, "Helvetica Neue", Arial, sans-serif;

  /* spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* radius */
  --radius-none: 0px;
  --radius-md: 12px;
  --radius-pill: 999px;

  /* shadow */
  --shadow-bottle: 0 12px 32px rgba(11, 79, 78, 0.14);
}