:root {

   /* Font */
   --otrl-ca-widget--font-family: "Gotham", sans-serif;
   --otrl-ca-widget--font-size: 14px;
   --otrl-ca-widget--font-weight: 300;
   --otrl-ca-widget--font-weight-bold: 400;
   --otrl-ca-widget--moz-osx-font-smoothing: auto;
   --otrl-ca-widget--webkit-font-smoothing: auto;

   /* Brand colours */
   --otrl-ca-widget--primary-color: #FF5B00;
   --otrl-ca-widget--secondary-color: #1E234F;
   --otrl-ca-widget--default-text-color: #1E234F;

   /* Text */
   --otrl-ca-widget--text-color: var(--otrl-ca-widget--default-text-color);

   /* Components */
   --otrl-ca-widget--border-color: #ddd;
   --otrl-ca-widget--outline-color: rgb(200, 56, 113);

   /* Menu */
   --otrl-ca-widget--menu-button-color: var(--otrl-ca-widget--primary-color);
   --otrl-ca-widget--menu-list-vertical-offset: 1px;
   --otrl-ca-widget--menu-list-padding: 8px 0;
   --otrl-ca-widget--menu-list-item-color: var(--otrl-ca-widget--default-text-color);
   --otrl-ca-widget--menu-list-item-hover-color: var(--otrl-ca-widget--secondary-color);
   --otrl-ca-widget--menu-list-item-hover-background: var(--otrl-ca-widget--menu-list-item-background);
   --otrl-ca-widget--menu-list-item-border-bottom-width: 0;
   --otrl-ca-widget--menu-list-item-padding: 16px 20px;
   --otrl-ca-widget--menu-list-sub-item-padding: 16px 20px;
}