/* ============ Gemeinsame Pillen-Farbpalette ============
   Wird von der Landing Page (Skill-Pillen, js/pills.js) UND den
   Case Studies (Tag-Pillen im Hero, css/case.css) genutzt.
   Farben hier ändern → beide Bereiche ändern sich mit. */

:root {
  --pill-yellow: #ffd233;  /* Brand Identity */
  --pill-blue:   #92c6f8;  /* Interaction Design, Wireframing */
  --pill-orange: #ff8c5f;  /* Art Direction */
  --pill-purple: #c9b8fa;  /* Motion Design, Figma */
  --pill-green:  #3ecf8e;  /* Design Systems, User Flows */
  --pill-paper:  #f2f2ee;  /* Typography */
  --pill-lime:   #cdf07a;  /* Prototyping */
  --pill-pink:   #f9b8dd;  /* Illustration */
  --pill-sky:    #8fd0f2;  /* Editorial Design */
}