/* Variables */

:root {
  --background-color: #f8f8f8;
  --navbar-button-height: 32px;
  --navbar-icon-height: 24px;
  --navbar-height: 56px;
  --button-color: #f0f0f0;
  --button-hover-color: #eae8e8;
  --border-color: #c2c1c1;
  --border-color-hover: #e8e7e7;
  --border-width: 1px;
  --border-radius: 5px;
  --padding: 16px;
  --navbar-font-size: 1rem;
  --text-color-primary: #333333;
  --text-color-secondary: #555555;
  --font-family: 'Inter', sans-serif;
  --font-family: 'Roboto';

  --font-family-secondary: 'Inter', sans-serif;
  --font-family-secondary: 'Times New Roman', Times, serif;
  --font-family-secondary: 'Roboto', Arial, sans-serif;
  
}