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

  --secondary: #5E4FA0;

  --dark: #1F2340;

  --surface: #FFFFFF;

  --background: #F6F4FA;
  --main-background: #F3F1F8;
  --muted-background: #ECE8F4;

  --border: #E3E1EC;

  --main-text: #1F2340;
  --muted-text: #636780;
  --light-text: #FFFFFF;
  --secondary-text: #454A66;

  --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;

  --flag: #DCD2F4;

  --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%);
}