:root {
  --eps-bg-primary: #f5f8fb;
  --eps-bg-secondary: #ffffff;
  --eps-text-primary: #212121;
  --eps-text-secondary: #424242;
  --eps-accent-color: #10b981;
  --eps-border-color: #e3e3e3;
  --eps-header-bg: #ffffff;
  --eps-button-primary: #047857;
  --eps-button-hover: #065f46;
}

/* Optional: Apply custom colors to existing variables */
html {
  --surface-primary: var(--eps-bg-primary);
  --surface-secondary: var(--eps-bg-secondary);
  --text-primary: var(--eps-text-primary);
  --text-secondary: var(--eps-text-secondary);
  --border-light: var(--eps-border-color);
  --header-primary: var(--eps-header-bg);
  --surface-submit: var(--eps-button-primary);
  --surface-submit-hover: var(--eps-button-hover);
}