/**
* PGA MODERN THEME - Variantes de Cores
*
* Inclua este arquivo APÓS o pga-modern.css para aplicar uma paleta de cores diferente.
*
* USO:
*
*
*
* Adicione uma classe no body:
* ou
*/
/* ========================================
TEMA: ROXO/PURPLE
======================================== */
.pm-theme-purple {
--pm-primary: #6b46c1;
--pm-primary-light: #805ad5;
--pm-primary-dark: #553c9a;
--pm-secondary: #9f7aea;
--pm-gradient-primary: linear-gradient(135deg, #6b46c1 0%, #805ad5 100%);
}
/* ========================================
TEMA: VERDE/GREEN
======================================== */
.pm-theme-green {
--pm-primary: #276749;
--pm-primary-light: #38a169;
--pm-primary-dark: #22543d;
--pm-secondary: #48bb78;
--pm-gradient-primary: linear-gradient(135deg, #276749 0%, #38a169 100%);
}
/* ========================================
TEMA: VERMELHO/RED
======================================== */
.pm-theme-red {
--pm-primary: #c53030;
--pm-primary-light: #e53e3e;
--pm-primary-dark: #9b2c2c;
--pm-secondary: #fc8181;
--pm-gradient-primary: linear-gradient(135deg, #c53030 0%, #e53e3e 100%);
}
/* ========================================
TEMA: LARANJA/ORANGE
======================================== */
.pm-theme-orange {
--pm-primary: #c05621;
--pm-primary-light: #dd6b20;
--pm-primary-dark: #9c4221;
--pm-secondary: #ed8936;
--pm-gradient-primary: linear-gradient(135deg, #c05621 0%, #dd6b20 100%);
}
/* ========================================
TEMA: TEAL/CYAN
======================================== */
.pm-theme-teal {
--pm-primary: #234e52;
--pm-primary-light: #319795;
--pm-primary-dark: #1d4044;
--pm-secondary: #38b2ac;
--pm-gradient-primary: linear-gradient(135deg, #234e52 0%, #319795 100%);
}
/* ========================================
TEMA: PINK/ROSA
======================================== */
.pm-theme-pink {
--pm-primary: #97266d;
--pm-primary-light: #d53f8c;
--pm-primary-dark: #702459;
--pm-secondary: #ed64a6;
--pm-gradient-primary: linear-gradient(135deg, #97266d 0%, #d53f8c 100%);
}
/* ========================================
TEMA: INDIGO
======================================== */
.pm-theme-indigo {
--pm-primary: #434190;
--pm-primary-light: #5a67d8;
--pm-primary-dark: #3c366b;
--pm-secondary: #7f9cf5;
--pm-gradient-primary: linear-gradient(135deg, #434190 0%, #5a67d8 100%);
}
/* ========================================
TEMA: DARK (Modo Escuro)
======================================== */
.pm-theme-dark {
--pm-primary: #1a202c;
--pm-primary-light: #2d3748;
--pm-primary-dark: #171923;
--pm-secondary: #4a5568;
--pm-gradient-primary: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
}
/* ========================================
TEMA: PGA PADRÃO (Azul Navy — já é o default)
======================================== */
.pm-theme-default {
--pm-primary: #1e3a5f;
--pm-primary-light: #2c5282;
--pm-primary-dark: #1a365d;
--pm-secondary: #3182ce;
--pm-gradient-primary: linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%);
}