/* GLOBAL CSS FOR [ luckyfruitscasino.com ] */

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

:root {
  --brand-colour: #531A4D;
  --brand-bg1: #FA005A;
  --brand-bg2: #8C3183;
  --brand-bg3: #F6F6F6;
  --brand-accent1: #FA005A;
  --brand-accent2: #FEDCDC;
  --brand-accent1hover: #FA005ACC;
  --brand-accent2hover: #FEDCDCCC;
  --brand-feedbackred: #FD0000;
  --brand-feedbackgreen: #3ABE2C;
  --brand-copylight: #0C0C0C;
  --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: #F0F3F6;
  color: var(--brand-copylight);
  font-family: var(--font-family-brand);
  margin: 0;
  padding: 0;
}