:root {
  /* === PRIMARY COLORS === */
  --color-primary-red: #E53935;
  --color-primary-blue: #0D47A1;
  --color-primary-cyan: #00BCD4;
  --color-primary-orange: #FF8F00;
  --color-primary-purple: #7B1FA2;

  /* === SECONDARY COLORS === */
  --color-secondary-coral: #FF6E6E;
  --color-secondary-indigo: #3F51B5;
  --color-secondary-turquoise: #00E5FF;
  --color-secondary-amber: #FFC107;
  --color-secondary-navy: #1A237E;

  /* === NEUTRALS === */
  --color-white: #FFFFFF;
  --color-light-gray: #F5F5F5;
  --color-medium-gray: #9E9E9E;
  --color-dark-gray: #424242;
  --color-black: #000000;

  /* === BRAND GRADIENT === */
  --gradient-brand: linear-gradient(45deg, #00BCD4, #E53935, #FF8F00);
}