/* variables.css */
:root {
  --container-min-width: 600px;
  --container-width: 80vw;
  --container-max-width: 1200px;

  --color-primary: #123456;
  --color-secondary: #abcdef;

  --page-background-color: cyan;
  --header-background-color: orange;

  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;

  --logo-text: "Balk Electric";

  --animation-duration: 0.3s;
}