:root {
  /* Base */
  --color-background: #f8f7fb;
  --color-background-soft: #f2f0f8;
  --color-surface: #ffffff;
  --color-surface-soft: #fbfaff;
  --color-border: #e0e0e0;
  --color-border-light: #f0edf7;

  /* Text */
  --color-text: #161827;
  --color-text-light: #4f5368;
  --color-text-muted: #8b8fa3;
  --color-text-invert: #ffffff;

  /* Brand / highlight */
  --color-primary: #5b3df5;
  --color-primary-hover: #4b2ee8;
  --color-primary-soft: #ede9ff;
  --color-primary-border: #cfc5ff;

  /* Secondary accent */
  --color-accent: #7c6df2;
  --color-accent-soft: #f0edff;
  --color-accent-blue: #dceaff;

  /* Light sidebar */
  --color-sidebar: #fbfaff;
  --color-sidebar-active: #f0edff;
  --color-sidebar-border: #e8e4f3;
  --color-sidebar-hover: #e8e8e8;

  /* Cards */
  --color-card: #ffffff;
  --color-card-hover: #fcfbff;

  /* Actions */
  --color-delete: #ff9d9d;
  --color-delete-hover: #ff4a4a;
  --color-disable: #e1e1e1;

  /* Status */
  --color-status-active: #ede9ff;
  --color-status-active-text: #4b2ee8;

  --color-status-inactive: #ffe8e8;
  --color-status-inactive-text: #ed4040;

  --color-status-archived: #ddd9e8;
  --color-status-archived-text: #626678;

  --color-status-scheduled: #e8f0ff;
  --color-status-scheduled-text: #315dcc;

  --color-status-paused: #fff2df;
  --color-status-paused-text: #b86b12;

  --color-status-completed: #e8f7ef;
  --color-status-completed-text: #2c7a4b;

  --color-status-draft: #f1f2f6;
  --color-status-draft-text: #626678;

  /* Cards Types */
  --color-type-orchestra: #b79cf9;
  --color-type-quartet: #dfd7f1;
  --color-type-choro: #abbff9;
  --color-type-band: #f4dac4;
  --color-type-solo: #2c2b7f;
  --color-type-other: #abc2bf;

  /* Shadows */
  --shadow-card: 0 10px 30px rgba(31, 28, 54, 0.08);
  --shadow-card-hover: 0 16px 40px rgba(31, 28, 54, 0.12);
  --shadow-soft: 0 6px 18px rgba(31, 28, 54, 0.06);
  --shadow-outlet: -4px 0px 15px 0px rgba(0, 0, 0, 0.1);
  --shadow-modal: 0 6px 18px rgba(31, 28, 54, 0.4);

  /* Dark mode future */
  --color-dark-background: #171026;
  --color-dark-surface: rgba(45, 31, 79, 0.58);
  --color-dark-surface-strong: rgba(35, 24, 64, 0.78);
  --color-dark-border: rgba(255, 255, 255, 0.12);
  --color-dark-text: #ffffff;
  --color-dark-text-soft: #c9c2dd;
  --color-dark-accent: #8d7cff;

  /* Animation (usar com: animation: var(--animate-blob);) */
  --animate-blob: blob 10s infinite;
}
