:root {
  /* Background Colors */
  --color-bg-white: #fafafa;
  --color-bg-secondary: #ffffff;
  --color-bg-primary: #1e1e1e;
  --color-bg-primary-dark: #121212;
  --color-bg-green: #c8ff00;

  /* Text Colors */
  --color-text-primary: #161616;
  --color-text-secondary: #757575;
  --color-text-inverse: #ffffff;
  --color-text-green: #c8ff00;

  /* Icon Colors */
  --color-icon-primary: #1e1e1e;
  --color-icon-secondary: #c8ff00;
  --color-icon-inverse: #ffffff;

  /* Link Colors */
  --color-link-default: #1e88e5;
  --color-link-hover: #1565c0;

  /* Button Colors */
  --color-primary-button-primary: #1e1e1e;
  --color-primary-button-hover: #474747;
  --color-primary-button-active: #1e1e1e;
  --color-secondary-button-primary: #c8ff00;
  --color-secondary-button-hover: #d8ec8d;
  --color-secondary-button-active: #c8ff00;

  /* Border Colors */
  --color-border-primary: #1e1e1e;
  --color-border-secondary: #c8ff00;
  --color-border-white: #ffffff;
  --color-border-light: #686868;

  /* Status Colors */
  --color-success: #4caf50;
  --color-warning: #ff9800;
  --color-error: #f44336;
}