Dawn: AI for Mental Health | 24/7 support for your mind

:root {
  --color-dominant: #fbb534;
  --color-surface: #fbd37c;
  --color-ink: #633316;
  --color-accent: #5e8899;
  --color-detail: #ccb4a4;
}

/* CSS variables exposed by source */
:root {
  --color-mode--button-colors--outline-negative-text-hover: #fbf3eb80;
  --color-mode--icon-button-colors--outline-border: #321c041a;
  --color-mode--divider--10: #321c041a;
  --color-mode--button-colors--outline-text: #321c04;
  --brand-primary: #ff9c31;
  --font-source-serif-pro: "sourceSerifPro", "sourceSerifPro Fallback";
  --color-mode--button-colors--secondary-gradient-from: #fee4c6;
  --color-mode--button-colors--secondary-bg-hover: #face9f;
  --color-mode--button-colors--primary-bg: #fff;
  --color-mode--divider--30: #321c044d;
  --color-mode--button-colors--secondary-gradient-to: #f7e9d9;
  --color-mode--background--primary: #fbf3eb;
  --color-mode--button-colors--secondary-text: #321c04;
  --color-mode--button-colors--secondary-border: #ffffff40;
  --color-mode--button-colors--secondary-border-hover: #ffffffa6;
  --color-mode--text--inverse: #fbf3eb;
  --color-mode--text--muted: #321c04b3;
  --color-mode--background--secondary: #f6e1ca;
  --color-mode--button-colors--primary-text-hover: #321c04;
  --color-mode--button-colors--primary-text: #321c04;
  --color-mode--button-colors--secondary-bg: #321c041a;
  --color-mode--button-colors--outline-negative-border: #fbf3eb4d;
  --color-mode--button-colors--outline-negative-border-hover: #fbf3ebb3;
  --color-mode--button-colors--outline-border: #321c041a;
  --color-mode--text--super-muted: #321c0480;
  --font-figtree: "Figtree", "Figtree Fallback";
  --color-mode--button-colors--outline-negative-text: #fbf3ebb3;
  --color-mode--text--primary: #321c04;
  --color-mode--button-colors--primary-bg-hover: #fff;
  --color-mode--icon-button-colors--outline-border-hover: #321c04;
  --color-mode--button-colors--outline-border-hover: #ff9c31;
  --color-mode--button-colors--secondary-text-hover: #321c04;
  --color-mode--background--alt: #face9f;
  --breakpoint--section-padding--horizontal: 2.5rem;
  --breakpoint--typography--line-height--display-sm: 1.15;
  --icon-button--medium-size: 2.5rem;
  --gradient-surface-dark-brown: linear-gradient(#501d08, #7d2b0b 94%);
  --breakpoint--buttons--vert-padding: .5rem;
  --alpha--light--10: #fbf3eb1a;
  --alpha--light--90: #fbf3ebe6;
  --tag--small-hori-padding: .625rem;
  --tag--medium-hori-padding: 1rem;
  --breakpoint--spacing--l: 2rem;
  --breakpoint--typography--line-height--body-md: 1.4;
  --red: #e24405;
  --orange-05: #c36500;
  --breakpoint--typography--line-height--body-sm: 1.4;
  --breakpoint--typography--line-height--body-lg: 1.4;
  --breakpoint--buttons--radius: 999rem;
  --breakpoint--section-padding--vertical-medium: 5rem;
  --breakpoint--typography--family--body: "Figtree", "Figtree Fallback", Arial, sans-serif;
  --breakpoint--typography--line-height--eyebrow-xs: 1.4;
  --breakpoint--typography--letter-spacing--eyebrow-xs: .2em;
  --tab--vert-padding: .625rem;
  --gradient-radial-red: radial-gradient(ellipse at 50% 100%, #e24405 0%, #ff9c31 28%, #ffcb31 52%, #fbf3eb 78%);
  --tag--small-type-size: .75rem;
  --orange-03: #face9f;
  --alpha--dark--2: #321c0405;
  --breakpoint--buttons--medium-height: 3rem;
  --breakpoint--spacing--s: 1rem;
}