/* GLOBAL CSS FOR [ boomerino.casino ] */

@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800&display=swap');

:root {
  --brand-colour: #F41600;
  --brand-bg1: #262626;
  --brand-bg2: #C90505;
  --brand-bg3: #FF443B;
  --brand-accent1: #51CBFF;
  --brand-accent2: #F8D550;
  --brand-accent1hover: #80D9FF;
  --brand-accent2hover: #F9DE75;
  --brand-feedbackred: #FF0000;
  --brand-feedbackgreen: #00D100;
  --brand-copylight: #FFFFFF;
  --brand-copydark: #0C0C0C;
  --font-family-brand: Heebo, sans-serif;
}

@theme inline {
  --color-brand-colour: var(--brand-colour);
  --color-brand-bg1: var(--brand-bg1);
  --color-brand-bg2: var(--brand-bg2);
  --color-brand-bg3: var(--brand-bg3);
  --color-brand-accent1: var(--brand-accent1);
  --color-brand-accent1hover: var(--brand-accent1hover);
  --color-brand-accent2: var(--brand-accent2);
  --color-brand-accent2hover: var(--brand-accent2hover);
  --color-brand-feedbackred: var(--brand-feedbackred);
  --color-brand-feedbackgreen: var(--brand-feedbackgreen);
  --color-brand-copylight: var(--brand-copylight);
  --color-brand-copydark: var(--brand-copydark);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--brand-bg1);
  color: var(--brand-copylight);
  font-family: var(--font-family-brand);
  margin: 0;
  padding: 0;
}