:root {
  --color-bg-primary: #121212;
  --color-bg-secondary: #1e1e1e;
  --color-bg-secondary-alt: #181818;
  --color-fg-primary: #ffffff;
  --color-bg-highlight: #710a6c;
  --color-fg-highlight: rgba(255, 64, 129, 0.5);
  --color-fg-secondary: #bbbbbb;
  --color-fg-tertiary: #5e5e5e;
  --color-bg-disabled: #3f3f3f;
  --color-fg-disabled: #808080;
  --color-bg-muted: #444444;
  --color-fg-muted: #d5d5d5;
  --color-border: #444444;
  --color-border-secondary: #d8d8d8;
  --color-border-tertiary: #ffffff08;
  --color-border-alt: #666666;
  --color-border-pill: #ffffff30;
  --color-accent: #ff4081;
  --color-accent-text: #000000;
  --color-accent-subtle: #fdf6ff;
  --color-accent-alt: #9c0e94;

  --color-card-border: #5e5e5e;
  --color-card-shadow: rgba(255, 255, 255, 0.2);

  --color-fg-message-info: #8dc4e9; /* Lighter blue for readability */
  --color-bg-message-info: #08324f; /* Dark navy blue background */
  --color-fg-message-notice: #a3e6b1; /* Soft green for readability */
  --color-bg-message-notice: #0e3b20; /* Dark forest green background */
  --color-fg-message-warn: #e4c079; /* Softer golden-yellow */
  --color-bg-message-warn: #4a3605; /* Dark amber background */
  --color-fg-message-error: #f2a2a8; /* Softened red for readability */
  --color-bg-message-error: #4b0d12; /* Dark red background */

  --color-status-inactive: #cccccc; /* Inactive status color */
  --color-status-active: #59ff59; /* Active status color */
  --color-status-failed: #a30808;

  --color-levels-bar: #8dc4e9;
  --color-levels-green: #59ff59;
  --color-levels-red: #da008c;

  --color-transcript-low: #555555;
  --color-transcript-high: #ffffff;

  --color-avatar-1: #d75a96; /* Softer pink, complementary to --color-accent */
  --color-avatar-2: #ba5bb5; /* Muted violet, blending with --color-accent-alt */
  --color-avatar-3: #e593bf; /* Soft rose, lighter for contrast */
  --color-avatar-4: #b8547f; /* Dusty magenta, related to --color-levels-red */
  --color-avatar-5: #72a9d9; /* Desaturated blue, based on --color-fg-message-info */
  --color-avatar-6: #78c07c; /* Muted green, complementing --color-status-active */
  --color-avatar-7: #b8a165; /* Warm tan, influenced by --color-fg-message-warn */
  --color-avatar-8: #9276b6; /* Muted purple, balancing the theme */
  --color-avatar-9: #a87d5d; /* Earthy brownish-orange, for variety */
  --color-avatar-10: #6f8d7d; /* Soft teal-gray, neutral and versatile */

  --color-bg-can-create: #78c07c30;
  --color-bg-can-update: #72a9d930;
  --color-bg-can-delete: #b8547f30;
  --color-bg-can-list: #44444430;

  --font-family-primary: "IBM Plex Sans", system-ui, sans-serif;
  --gradient-loading: linear-gradient(
    90deg,
    var(--color-accent),
    var(--color-accent-alt)
  );
}