:root {
  /* MatrixWorx brand colors */
  --color-charcoal: #383838;
  --color-dark-gray: #4a4a4a;
  --color-gray: #999999;
  --color-light-gray: #d1d1d1;
  --color-peach: #ffb380;
  --color-white: #ffffff;

  /* Website colors */
  --color-background: var(--color-white);
  --color-text: var(--color-charcoal);
  --color-heading: var(--color-charcoal);
  --color-accent: var(--color-peach);
  --color-border: var(--color-light-gray);

  /* Typography */
  --font-primary: Arial, Helvetica, sans-serif;

  /* Layout */
  --container-width: 1200px;
  --section-spacing: 5rem;

  /* Border radius */
  --radius-small: 6px;
  --radius-medium: 12px;
  --radius-large: 20px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
}