:root {
  --container-body: 1140px;
  --container-header: 1440px;
  
  --color-primary: #000000;
  --color-secondary: #004700;
  --color-text: #3F3F3F;
  --color-accent: #A330F0;
  --color-highlight-orange: #FFA125;
  --color-dark-green: #184f06;
  --color-matt-green: #24a989;
  --color-background-white: #ffffff;
  --color-background-light-grey: #e9e9e9;
  --color-border-sharp-green: #00e800;
}

/* Layout Classes */
.container-body {
  max-width: var(--container-body);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.container-header {
  max-width: var(--container-header);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

/* Color Classes */
.text-primary { color: var(--color-primary); }
.bg-primary { background-color: var(--color-primary); }

.text-secondary { color: var(--color-secondary); }
.bg-secondary { background-color: var(--color-secondary); }

.text-accent { color: var(--color-accent); }
.bg-accent { background-color: var(--color-accent); }

.text-dark-green { color: var(--color-dark-green); }
.bg-dark-green { background-color: var(--color-dark-green); }

.bg-white { background-color: var(--color-background-white); }
.bg-light-grey { background-color: var(--color-background-light-grey); }