// Declare SCSS variables
$primary-color: #1976d2;
$secondary-color: #d32f2f;
$background-primary: rgb(69, 190, 171);
$text-primary: #000000;
$text-secondary: #555555;
$text-tertiary: #ffffff;
$hover-color: rgba(0, 0, 0, 0.08);

$font-family-base: "Roboto", "Helvetica", "Arial", sans-serif;

:root {
  --primary-color: #{$primary-color};
  --secondary-color: #{$secondary-color};
  --background-primary: #{$background-primary};
  --text-primary: #{$text-primary};
  --text-secondary: #{$text-secondary};
  --text-tertiary: #{$text-tertiary};
  --hover-color: #{$hover-color};
  --font-family-base: #{$font-family-base};
}