:root {
  --color-primary: #f196b3;
  --color-primary-hover: #d987a1;
  --color-primary-active: #c1788f;
  --color-primary-subtle: #fceaf0;
  --color-primary-muted: #f5b6ca;
  --color-primary-highlight: #f9d5e1;

  --color-secondary: #17a5a3;
  --color-secondary-hover: #159593;
  --color-secondary-active: #128482;
  --color-secondary-subtle: #d1eded;
  --color-secondary-muted: #5dc0bf;
  --color-secondary-highlight: #a2dbda;

  --color-success: #16a34a;
  --color-success-hover: #149343;
  --color-success-active: #12823b;
  --color-success-subtle: #d0eddb;
  --color-success-muted: #5cbf80;
  --color-success-highlight: #a2dab7;

  --color-warning: #f59e0b;
  --color-warning-hover: #dd8e0a;
  --color-warning-active: #c47e09;
  --color-warning-subtle: #fdecce;
  --color-warning-muted: #f8bb54;
  --color-warning-highlight: #fbd89d;

  --color-danger: #dc2626;
  --color-danger-hover: #c62222;
  --color-danger-active: #b01e1e;
  --color-danger-subtle: #f8d4d4;
  --color-danger-muted: #e76767;
  --color-danger-highlight: #f1a8a8;

  --color-text-base: #000000;
  --color-text-muted: #5e5c64;
  --color-background: #ffffff;
  --color-banner-background: #ffffff;
  --color-banner-text: #cb1958;
  --color-primary-foreground: #000000;
  --color-secondary-foreground: #ffffff;
  --color-success-foreground: #ffffff;
  --color-warning-foreground: #000000;
  --color-danger-foreground: #ffffff;
}