h1 {
  color: green;
}

h2 {
  color: blue;
}

p {
  color: red;
}

h1 {
  color: #bada55;
}

h2 {
  color: #ff2291;
}

p {
  color: #5000ca;
}

h1 {
  /* = Primary */
  color: #bada55;
}

h2 {
  /* = Secondary Color */
  color: #ff2291;
}

p {
  /* = Tertiary/Accent Color */
  color: #5000ca;
}

h1 {
  /* = Primary/Brand Color */
  color:
}

h2 {
  /* = Secondary Color */
  color:
}

p {
  /* = Tertiary/Accent Color */
  color:
}

h1 {
  /* = Primary/Brand Color */
  color:
}

h2 {
  /* = Secondary Color */
  color:
}

p {
  /* = Tertiary/Accent Color */
  color:
}

html {
  --primary: #bada55;
}

h1 {
  color:
}

html {
  --primary: 20;
}

h1 {
  color:
}

html {
  --primary: 20;
}

h1 {
  color:
}

h1 {
  color: var(--primary);
}

h2 {
  color: var(--secondary);
}

p {
  color: var(--tertiary);
}

h1 {
  color: var(--primary);
  margin-bottom: 1rem;
}

h2 {
  color: var(--secondary);
  margin-bottom: 1rem;
}

p {
  color: var(--tertiary);
  margin-block: 1rem;
}

html {
  --primary: #bada55;
  --secondary: #ff2291;
  --tertiary: #5000ca;
  
  --space-sm: 1rem;
}

h1 {
  color: var(--primary);
  margin-bottom: var(--space-sm);
}

h2 {
  color: var(--secondary);
  margin-bottom: var(--space-sm);
}

p {
  color: var(--tertiary);
  margin-block: var(--space-sm);
}

html {
  --primary: #bada55;
  --secondary: #ff2291;
  --tertiary: #5000ca;
  
  --space-sm: 1rem;
}

html {
  --primary-color: #bada55;
}

h1 {
  color: var(--primary-color);
}

html {
  --primary-color: #bada55;
}

h1 {
  color: var(--primary-color);
}

html {
  --primary: #5000ca;
  --secondary: #463866;
  --accent: #fb28a8;

  --space-xxs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-xxl: 6rem;
}