:root {
  --main: #0F1C2E;
  --main-dark: #22285A;
  --main-light: rgba(46, 53, 112, .12);
  --main-shadow: rgba(46, 53, 112, .45);

  --secondary: #8F5520;
  --flag: #E9C7A3;

  --dark: #0F1C2E;

  --surface: #FFFFFF;

  --background: #F3F4F5;
  --main-background: #E5E8EB;
  --muted-background: #E5E8EB;

  --border: #DDE2E7;

  --main-text: #0F1C2E;
  --muted-text: #5E6B78;
  --light-text: #FFFFFF;
  --secondary-text: #3A4756;

  --danger: #B3261E;
  --danger-shadow: rgba(179, 38, 30, .15);

  --success: #2F6A4E;
  --success-shadow: rgba(47, 106, 78, .15);

  --warning: #FFA70B;
  --warning-shadow: rgba(255, 167, 11, .15);

  --star: #F4A622;
}

/* Somnara design tokens shared by the website and caps. Caps may override the CTA colours from their own theme. */
:root {
  --display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --body: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --wordmark: "Cormorant Garamond", Georgia, serif;

  --max: 1240px;

  --cta-from: #27C063;
  --cta-to: #12913F;
  --cta-hover-from: #2FD06E;
  --cta-hover-to: #14A046;
  --cta-shadow: rgba(18, 145, 63, .55);
  --cta-bg: linear-gradient(180deg, var(--cta-from) 0%, var(--cta-to) 100%);
  --cta-bg-hover: linear-gradient(180deg, var(--cta-hover-from) 0%, var(--cta-hover-to) 100%);
}