/* CourtConquerors Color System */
:root {
  /* Primary Colors */
  --cc-azul-noite: #243447;
  --cc-turquesa-vital: #4AADA5;

  /* Secondary Colors */
  --cc-vermelho-dinamico: #F2423F;
  --cc-azul-energia: #33B78A;
  --cc-azul-vibrante: #4A8ECE;
  --cc-verde-urbano: #2F3B19;
  --cc-amarelo-impacto: #FECD35;
  --cc-seda-escarlate: #D72638;

  /* Neutral Colors */
  --cc-branco-gelo: #F5F7FA;
  --cc-preto-profundo: #141D26;
  --cc-cinza-concreto: #8A8D91;

  /* Semantic Colors */
  --cc-primary: var(--cc-azul-noite);
  --cc-secondary: var(--cc-turquesa-vital);
  --cc-error: var(--cc-vermelho-dinamico);
  --cc-warning: var(--cc-amarelo-impacto);
  --cc-success: var(--cc-verde-urbano);
  --cc-info: var(--cc-azul-energia);

  /* Surface Colors */
  --cc-surface: var(--cc-branco-gelo);
  --cc-surface-dark: var(--cc-preto-profundo);
  --cc-on-surface: var(--cc-preto-profundo);
  --cc-on-surface-dark: var(--cc-branco-gelo);

  /* Background Colors */
  --cc-background: var(--cc-branco-gelo);
  --cc-background-dark: var(--cc-preto-profundo);

  /* Text Colors */
  --cc-text-primary: var(--cc-preto-profundo);
  --cc-text-secondary: var(--cc-cinza-concreto);
  --cc-text-primary-dark: var(--cc-branco-gelo);
  --cc-text-secondary-dark: #B0B3B8;

  /* Extended Palette */
  --cc-primary-50: #f0f2f5;
  --cc-primary-100: #d9dfe6;
  --cc-primary-200: #b3c2d0;
  --cc-primary-300: #8da5bb;
  --cc-primary-400: #6889a5;
  --cc-primary-500: var(--cc-azul-noite);
  --cc-primary-600: #1e2d3c;
  --cc-primary-700: #192631;
  --cc-primary-800: #141f26;
  --cc-primary-900: #0f171c;

  --cc-secondary-50: #e8f4f3;
  --cc-secondary-100: #c4e3e0;
  --cc-secondary-200: #9dd0ca;
  --cc-secondary-300: #76bdb4;
  --cc-secondary-400: var(--cc-turquesa-vital);
  --cc-secondary-500: #4AADA5;
  --cc-secondary-600: #419b94;
  --cc-secondary-700: #368882;
  --cc-secondary-800: #2c7470;
  --cc-secondary-900: #225d5a;

  /* Status Colors with Variants */
  --cc-error-50: #fef2f2;
  --cc-error-100: #fce4e4;
  --cc-error-200: #f9c6c6;
  --cc-error-300: #f5a7a7;
  --cc-error-400: var(--cc-vermelho-dinamico);
  --cc-error-500: #F2423F;
  --cc-error-600: #e03835;
  --cc-error-700: #ce2e2b;
  --cc-error-800: #bc2421;
  --cc-error-900: #a01a17;

  --cc-warning-50: #fffdf0;
  --cc-warning-100: #fefbd9;
  --cc-warning-200: #fef7b3;
  --cc-warning-300: #fdf28c;
  --cc-warning-400: var(--cc-amarelo-impacto);
  --cc-warning-500: #FECD35;
  --cc-warning-600: #f4c12a;
  --cc-warning-700: #eab520;
  --cc-warning-800: #e0a916;
  --cc-warning-900: #cc9609;

  --cc-success-50: #f2f4f0;
  --cc-success-100: #dfe3d9;
  --cc-success-200: #c7d1bd;
  --cc-success-300: #afbfa1;
  --cc-success-400: #97ad85;
  --cc-success-500: var(--cc-verde-urbano);
  --cc-success-600: #2a3417;
  --cc-success-700: #252d15;
  --cc-success-800: #202612;
  --cc-success-900: #1a1f0f;

  --cc-info-50: #e8f5f2;
  --cc-info-100: #c4e6dd;
  --cc-info-200: #9dd5c6;
  --cc-info-300: #76c4af;
  --cc-info-400: var(--cc-azul-energia);
  --cc-info-500: #33B78A;
  --cc-info-600: #2ea57d;
  --cc-info-700: #299370;
  --cc-info-800: #248163;
  --cc-info-900: #1e6f56;
}

/* Dark Mode Variables */
[data-theme="dark"] {
  --cc-surface: var(--cc-preto-profundo);
  --cc-background: #0f1419;
  --cc-on-surface: var(--cc-branco-gelo);
  --cc-text-primary: var(--cc-branco-gelo);
  --cc-text-secondary: var(--cc-text-secondary-dark);
}

/* Utility Classes */
.cc-primary { color: var(--cc-primary) !important; }
.cc-secondary { color: var(--cc-secondary) !important; }
.cc-error { color: var(--cc-error) !important; }
.cc-warning { color: var(--cc-warning) !important; }
.cc-success { color: var(--cc-success) !important; }
.cc-info { color: var(--cc-info) !important; }

.cc-bg-primary { background-color: var(--cc-primary) !important; }
.cc-bg-secondary { background-color: var(--cc-secondary) !important; }
.cc-bg-error { background-color: var(--cc-error) !important; }
.cc-bg-warning { background-color: var(--cc-warning) !important; }
.cc-bg-success { background-color: var(--cc-success) !important; }
.cc-bg-info { background-color: var(--cc-info) !important; }

.cc-border-primary { border-color: var(--cc-primary) !important; }
.cc-border-secondary { border-color: var(--cc-secondary) !important; }
.cc-border-error { border-color: var(--cc-error) !important; }
.cc-border-warning { border-color: var(--cc-warning) !important; }
.cc-border-success { border-color: var(--cc-success) !important; }
.cc-border-info { border-color: var(--cc-info) !important; }

/* Custom MudBlazor overrides */
.mud-theme-primary {
  --mud-palette-primary: var(--cc-primary);
  --mud-palette-primary-text: var(--cc-branco-gelo);
  --mud-palette-primary-hover: var(--cc-primary-400);
}

.mud-theme-secondary {
  --mud-palette-secondary: var(--cc-secondary);
  --mud-palette-secondary-text: var(--cc-branco-gelo);
  --mud-palette-secondary-hover: var(--cc-secondary-400);
}

/* Brand gradients */
.cc-gradient-primary {
  background: linear-gradient(135deg, var(--cc-primary) 0%, var(--cc-secondary) 100%);
}

.cc-gradient-secondary {
  background: linear-gradient(135deg, var(--cc-secondary) 0%, var(--cc-azul-vibrante) 100%);
}

.cc-gradient-energy {
  background: linear-gradient(135deg, var(--cc-azul-energia) 0%, var(--cc-turquesa-vital) 100%);
}