/* QualiBooking brand for Twenty (qualibooking.crm.bon.do). Served as /_brand/brand.css by twenty-web after the
   shared twenty.css, which maps these properties onto Twenty's theme.
   Sources: QualiBooking portal/src/design-system/tokens.css (petrol ramp, --primary, --link, --focus, --brand-mark,
   light and dark) and brand/qualibooking-mark.svg (#223482). Favicon: portal/public/favicon.svg.
   Font: the portal self-hosts Figtree (no Google Fonts), so Figtree only applies where it is installed; otherwise
   Twenty's own Inter. */
:root {
  --brand-name: "QualiBooking";
  --brand-favicon: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cmVjdCB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHJ4PSIxNC40MCIgZmlsbD0iIzIyMzQ4MiIvPjxzdmcgeD0iMTEuNTIiIHk9IjExLjUyIiB3aWR0aD0iNDAuOTYiIGhlaWdodD0iNDAuOTYiIHZpZXdCb3g9IjE1LjYgMTcuOCA2NjYgNjY2Ij48cGF0aCBkPSJNIDM1OS4wNzcwNSwxNy45MzU2MSBjIC0yNi41MDYzLC0wLjkwNTM3IC01My40OTU3LDEuNjg5NzYgLTgwLjM1MzUsOC4wOTc2NiAtMTQzLjI0MTgsMzQuMTc1NDcgLTI0MC44ODA3LDE2Ni43OTAyMSAtMjMwLjg5MDYsMzEzLjY5MzM2IDkuOTkwMywxNDYuOTA1NTEgMTI0LjY4ODUsMjY1LjE0Mjk2IDI3MS4yNDYxLDI3OS41OTc2NiBMIDMxOS4wNzkwNSw1MTcuMzA2NzEgQyAyODMuOTg1LDUxMi4yMSAyNTAuNzE4LDQ5NS44MTkgMjIyLjgwMzc1LDQ3My44OTg0OCBjIC02OS43ODY2LC01NC43OTc3IC05Ni4xMTcxLC0xNDguNjcyNjQgLTY0LjY2MjEsLTIzMS45MzE2NCAzMS44ODE1LC04NC4zODc2MyAxMTUuNTAxNSwtMTM3LjY4OTk0IDIwNS40NjY4LC0xMzAuOTkwMjMgODkuOTY1NCw2LjY5OTcgMTY0Ljc2ODQ0LDcxLjc5OTQ5IDE4My43OTg4NCwxNTkuOTc4NTEgMTkuMDMwMzgsODguMTc4OTEgLTIyLjI2NDIzLDE3OC4zNTEwOSAtMTAxLjQ2MDk0LDIyMS41NTQ2OSAtMzkuMjkwOCwyMS40MzM2IC01Mi4yNTMyLDcxLjcwNzEyIC0yOC4yMjQ2LDEwOS40NjY4IGwgNTIuMDAzOSw4MS43MjA3MSA3OS43MjA1MywtNTAuNzI2ODggLTQwLjU4MjAzLC02My43NzM0NCBDIDYwMC40MzU1NSw1MTUuNzE2ODkgNjUwLjI3OTQxLDQxOS4wMDc1NiA2NTAuMjU0ODcsMzE5LjAyNzQxIGMgLTAuMDEsLTM5LjM0NDI2IC03Ljc0MjIxLC03OS4xOTQ4NCAtMjMuODg4NjcsLTExNy4zMzAwOCAtNDYuNjQ0NTYsLTExMC4xNjY2NyAtMTUyLjQyODM5LC0xNzkuODM4NDQgLTI2Ny4yODkxNSwtMTgzLjc2MTcyIHoiIGZpbGw9IiNGRkZGRkYiLz48L3N2Zz48L3N2Zz4=";
  --brand-font-family: "Figtree", Inter, sans-serif;
}

/* --primary (petrol-700), --primary-hover, --primary-active; bar in the logo colour. */
.light.light {
  --brand-accent: #0f6e7a;
  --brand-accent-hover: #085059;
  --brand-accent-active: #043a41;
  --brand-accent-text: #0f6e7a;
  --brand-on-accent: #ffffff;
  --brand-bar: #223482;
}

/* Dark --link, --focus and --brand-mark (petrol-300), petrol-200, petrol-100, text petrol-950. */
.dark.dark {
  --brand-accent: #99cfd8;
  --brand-accent-hover: #c2e4e9;
  --brand-accent-active: #def1f4;
  --brand-accent-text: #99cfd8;
  --brand-on-accent: #02262b;
  --brand-bar: #99cfd8;
}