﻿body.theme-auroramint {
    --theme-primary: #12c8b5;
    --theme-primary-dark: #0e9f93;
    --theme-primary-light: #67e6d6;
    --theme-accent: #8c6ff8;
    --theme-muted-surface: #f2fffc;
    --wa-card-gradient: linear-gradient(135deg, #12c8b5 0%, #8c6ff8 100%);
    --wa-card-shadow: 0 22px 48px rgba(18, 200, 181, 0.20);
    --wa-card-shadow-hover: 0 30px 64px rgba(18, 200, 181, 0.24);
    --wa-card-footer-btn-bg: rgba(18, 200, 181, 0.12);
    --wa-card-footer-btn-bg-hover: rgba(18, 200, 181, 0.20);
    --wa-card-footer-btn-color: #0b8f82;
    --wa-card-stat-shadow: 0 18px 42px rgba(18, 200, 181, 0.18);
    --wa-list-header-bg: rgba(18, 200, 181, 0.08);
    --wa-list-row-hover: rgba(18, 200, 181, 0.07);

    /* Motion tokens */
    --wa-transition-fast: 180ms;
    --wa-transition-base: 240ms;
    --wa-transition-slow: 360ms;
    --wa-transition-ease: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Global smooth transitions */
body.theme-auroramint * {
    transition: background var(--wa-transition-base) var(--wa-transition-ease),
                color var(--wa-transition-base) ease,
                box-shadow var(--wa-transition-slow) var(--wa-transition-ease),
                border-color var(--wa-transition-base) ease,
                transform var(--wa-transition-base) var(--wa-transition-ease);
}

/* Pulse animation for badges */
@keyframes pulse-success {
    0%, 100% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.4); }
    50% { box-shadow: 0 0 0 6px rgba(22, 163, 74, 0); }
}
@keyframes pulse-warning {
    0%, 100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.4); }
    50% { box-shadow: 0 0 0 6px rgba(245, 158, 11, 0); }
}
@keyframes pulse-danger {
    0%, 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }
    50% { box-shadow: 0 0 0 6px rgba(239, 68, 68, 0); }
}

body.theme-auroramint .btn-primary,
body.theme-auroramint .btn.btn-primary {
    background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%);
    border: none;
    box-shadow: 0 14px 34px rgba(18, 200, 181, 0.28);
}
body.theme-auroramint .btn-primary:hover {
    background: linear-gradient(135deg, #0ea794 0%, #a48df9 100%);
}
body.theme-auroramint .btn-outline-primary {
    color: var(--theme-primary);
    border-color: var(--theme-primary);
}
body.theme-auroramint .btn-outline-primary:hover {
    background: var(--theme-primary);
    color: #fff;
    border-color: var(--theme-primary);
}

body.theme-auroramint .header.default {
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 14px 36px rgba(18, 200, 181, 0.14);
}
body.theme-auroramint .navbar-nav .nav-link:hover,
body.theme-auroramint .navbar-nav .nav-link:focus,
body.theme-auroramint .navbar-nav .nav-link.active {
    color: var(--theme-primary) !important;
}

body.theme-auroramint .pricing.pricing-01 {
    border-color: rgba(18, 200, 181, 0.08);
}
body.theme-auroramint .pricing.pricing-01.active,
body.theme-auroramint .pricing.pricing-01:hover {
    box-shadow: 0 28px 46px rgba(18, 200, 181, 0.18);
}
body.theme-auroramint .pricing.pricing-01.active .btn,
body.theme-auroramint .pricing.pricing-01:hover .btn {
    background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%);
    border: none;
}

body.theme-auroramint .cta-primary {
    background: linear-gradient(135deg, rgba(18, 200, 181, 0.95) 0%, rgba(140, 111, 248, 0.95) 100%);
}
body.theme-auroramint .cta-primary .btn.btn-light {
    color: var(--theme-primary);
}

body.theme-auroramint .footer-bottom {
    border-top: 1px solid rgba(18, 200, 181, 0.18);
}
body.theme-auroramint .social ul li a:hover {
    background: var(--theme-primary);
    border-color: transparent;
}

body.theme-auroramint .badge.bg-primary,
body.theme-auroramint .badge-primary {
    background: var(--theme-primary) !important;
}
body.theme-auroramint ::selection {
    background: rgba(18, 200, 181, 0.18);
}

/* ===== AuroraMint: Painel (cores) ===== */
body.theme-auroramint .wa-card .card-header {
    background: linear-gradient(135deg, rgba(18, 200, 181, 0.95) 0%, rgba(140, 111, 248, 0.95) 100%);
    color: #fff;
    border: none;
}
body.theme-auroramint .wa-card.card-compact .card-header {
    background: linear-gradient(135deg, rgba(18, 200, 181, 0.98) 0%, rgba(140, 111, 248, 0.94) 100%);
}
body.theme-auroramint .wa-card .card-header i {
    color: rgba(255, 255, 255, 0.26);
}

body.theme-auroramint .wa-card-stats .card-stats {
    box-shadow: 0 18px 42px rgba(18, 200, 181, 0.18);
    border: 1px solid rgba(18, 200, 181, 0.08);
}
body.theme-auroramint .wa-card-stats .text-success {
    color: #16a34a !important;
}
body.theme-auroramint .wa-card-stats .text-primary {
    color: var(--theme-primary) !important;
}
body.theme-auroramint .wa-card-stats .text-danger {
    color: #ef4444 !important;
}

body.theme-auroramint .wa-card .card-body .alert-success {
    background: rgba(46, 204, 113, 0.12);
    border-color: rgba(46, 204, 113, 0.22);
    color: #166534;
}
body.theme-auroramint .wa-card .card-body .alert-warning {
    background: rgba(250, 204, 21, 0.12);
    border-color: rgba(250, 204, 21, 0.24);
    color: #92400e;
}
body.theme-auroramint .wa-card .card-body .alert-danger {
    background: rgba(248, 113, 113, 0.14);
    border-color: rgba(248, 113, 113, 0.26);
    color: #b91c1c;
}

body.theme-auroramint .wa-card-footer .btn,
body.theme-auroramint .wa-card-footer-compact .btn {
    background: rgba(18, 200, 181, 0.12);
    color: #0b8f82;
    border: none;
}
body.theme-auroramint .wa-card-footer .btn:hover,
body.theme-auroramint .wa-card-footer-compact .btn:hover {
    background: rgba(18, 200, 181, 0.20);
    color: #066a60;
}

body.theme-auroramint .wa-list-table thead {
    background: rgba(18, 200, 181, 0.08);
    color: #0b8f82;
}
body.theme-auroramint .wa-list-table tbody tr:hover {
    background: rgba(18, 200, 181, 0.06);
}
body.theme-auroramint .wa-list-table .badge.bg-success-subtle {
    background: rgba(34, 197, 94, 0.12) !important;
    color: #148243 !important;
}
body.theme-auroramint .wa-list-table .badge.bg-primary-subtle {
    background: rgba(18, 200, 181, 0.14) !important;
    color: #0e9f93 !important;
}
body.theme-auroramint .wa-list-table .badge.bg-danger-subtle {
    background: rgba(239, 68, 68, 0.14) !important;
    color: #b91c1c !important;
}

/* ===== AuroraMint: Buttons (Phase 4.1) ===== */
/* Base button interactions */
body.theme-auroramint .btn {
    transition: background var(--wa-transition-base) var(--wa-transition-ease),
                color var(--wa-transition-base) var(--wa-transition-ease),
                border-color var(--wa-transition-base) var(--wa-transition-ease),
                box-shadow var(--wa-transition-base) var(--wa-transition-ease),
                transform var(--wa-transition-fast) var(--wa-transition-ease);
}
body.theme-auroramint .btn:hover { transform: translateY(-2px); }
body.theme-auroramint .btn:active { transform: translateY(0) scale(0.98); }
body.theme-auroramint .btn:focus-visible {
    outline: 3px solid var(--theme-primary);
    outline-offset: 2px;
}
body.theme-auroramint .btn:disabled,
body.theme-auroramint .btn.disabled { opacity: 0.5; cursor: not-allowed; transform: none; }

/* Primary (gradient) - extend states */
body.theme-auroramint .btn-primary,
body.theme-auroramint .btn.btn-primary {
    background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%);
    border: none;
    box-shadow: 0 16px 34px rgba(18, 200, 181, 0.28);
}
body.theme-auroramint .btn-primary:hover,
body.theme-auroramint .btn.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 40px rgba(18, 200, 181, 0.32);
}
body.theme-auroramint .btn-primary:active,
body.theme-auroramint .btn.btn-primary:active { transform: translateY(0) scale(0.98); }
body.theme-auroramint .btn-primary:disabled,
body.theme-auroramint .btn.btn-primary:disabled { opacity: 0.5; }

/* Secondary (outline) */
body.theme-auroramint .btn-secondary,
body.theme-auroramint .btn-outline-primary {
    color: var(--theme-primary);
    background: transparent;
    border-color: var(--theme-primary);
}
body.theme-auroramint .btn-secondary:hover,
body.theme-auroramint .btn-outline-primary:hover {
    background: var(--theme-primary);
    color: #fff;
    border-color: var(--theme-primary);
}

/* Soft (tinted background) */
body.theme-auroramint .btn-soft { background: var(--wa-card-footer-btn-bg); color: var(--wa-card-footer-btn-color); border: none; }
body.theme-auroramint .btn-soft:hover { background: var(--wa-card-footer-btn-bg-hover); }

/* Ghost (minimal) */
body.theme-auroramint .btn-ghost { background: transparent; border: 1px solid transparent; color: var(--theme-primary); }
body.theme-auroramint .btn-ghost:hover { background: var(--wa-card-footer-btn-bg); }

/* Link */
body.theme-auroramint .btn-link { background: transparent; border: none; color: var(--theme-primary); text-decoration: underline; }
body.theme-auroramint .btn-link:hover { color: var(--theme-primary-dark); }

/* Semantic buttons */
body.theme-auroramint .btn-success { background: #16a34a; border: none; color: #fff; }
body.theme-auroramint .btn-success:hover { background: #15803d; }
body.theme-auroramint .btn-success:active { transform: translateY(0) scale(0.98); }

body.theme-auroramint .btn-warning { background: #f59e0b; border: none; color: #1f2937; }
body.theme-auroramint .btn-warning:hover { background: #d97706; }
body.theme-auroramint .btn-warning:active { transform: translateY(0) scale(0.98); }

body.theme-auroramint .btn-danger { background: #ef4444; border: none; color: #fff; }
body.theme-auroramint .btn-danger:hover { background: #dc2626; }
body.theme-auroramint .btn-danger:active { transform: translateY(0) scale(0.98); }

/* Icon alignment helpers */
body.theme-auroramint .btn .icon-left { margin-right: 8px; }
body.theme-auroramint .btn .icon-right { margin-left: 8px; }

/* ===== AuroraMint: Card Actions Buttons ===== */
body.theme-auroramint .wa-card-footer .btn-light-dark,
body.theme-auroramint .wa-card-footer-compact .btn-light-dark,
body.theme-auroramint .wa-actions .btn-light-dark {
    background: var(--wa-card-footer-btn-bg);
    color: var(--wa-card-footer-btn-color);
    border: none;
    box-shadow: 0 6px 16px rgba(18, 200, 181, 0.10);
}
body.theme-auroramint .wa-card-footer .btn-light-dark:hover,
body.theme-auroramint .wa-card-footer-compact .btn-light-dark:hover,
body.theme-auroramint .wa-actions .btn-light-dark:hover {
    background: var(--wa-card-footer-btn-bg-hover);
    color: #066a60;
    transform: translateY(-1px);
    box-shadow: 0 10px 20px rgba(18, 200, 181, 0.14);
}
body.theme-auroramint .wa-card-footer .btn-light-dark:active,
body.theme-auroramint .wa-card-footer-compact .btn-light-dark:active,
body.theme-auroramint .wa-actions .btn-light-dark:active {
    transform: translateY(0) scale(0.98);
}
body.theme-auroramint .wa-card-footer .btn-light-dark:focus-visible,
body.theme-auroramint .wa-actions .btn-light-dark:focus-visible {
    outline: 2px solid var(--theme-primary);
    outline-offset: 2px;
}

/* ===== AuroraMint: Inputs/Forms (Phase 4.2) ===== */
body.theme-auroramint .form-control { border-color: rgba(18, 200, 181, 0.25); color: #111827; }
body.theme-auroramint .form-control::placeholder { color: #9ca3af; opacity: 1; }
body.theme-auroramint .form-control:focus { border-color: var(--theme-primary); box-shadow: 0 0 0 3px rgba(18,200,181,0.15); }
body.theme-auroramint .form-control.is-valid { border-color: #16a34a; }
body.theme-auroramint .form-control.is-invalid { border-color: #ef4444; }
body.theme-auroramint .form-control:disabled,
body.theme-auroramint .form-control[readonly] { background: var(--theme-muted-surface); color: #6b7280; }

/* Select2 */
body.theme-auroramint .select2-container .select2-selection { border-color: rgba(18, 200, 181, 0.25); }
body.theme-auroramint .select2-container--default .select2-selection--single:hover,
body.theme-auroramint .select2-container--default .select2-selection--multiple:hover { border-color: var(--theme-primary); }
body.theme-auroramint .select2-container--open .select2-selection--single,
body.theme-auroramint .select2-container--open .select2-selection--multiple { border-color: var(--theme-primary); box-shadow: 0 0 0 3px rgba(18,200,181,0.12); }
body.theme-auroramint .select2-container--default .select2-results__option--highlighted { background: var(--theme-primary); color: #fff; }

/* Checkbox/Radio/Switch */
body.theme-auroramint .form-check-input { border-color: rgba(18, 200, 181, 0.5); }
body.theme-auroramint .form-check-input:focus { box-shadow: 0 0 0 3px rgba(18, 200, 181, 0.18); }
body.theme-auroramint .form-check-input:checked { background-color: var(--theme-primary); border-color: var(--theme-primary); }
body.theme-auroramint .form-switch .form-check-input:checked { background-color: var(--theme-primary); }

/* Validation feedback */
body.theme-auroramint .valid-feedback { color: #166534; }
body.theme-auroramint .invalid-feedback { color: #b91c1c; }

/* ===== AuroraMint: Badges & Pills (4.3) ===== */
body.theme-auroramint .badge-primary { background: var(--theme-primary); }
body.theme-auroramint .badge-success { background: #16a34a; }
body.theme-auroramint .badge-warning { background: #f59e0b; color:#111827; }
body.theme-auroramint .badge-danger { background: #ef4444; }
body.theme-auroramint .badge-info { background: #3b82f6; }
body.theme-auroramint .badge-secondary { background: #6b7280; }
body.theme-auroramint .badge-primary-subtle { background: rgba(18,200,181,.14); color:#0b8f82 }
body.theme-auroramint .badge-success-subtle { background: rgba(34,197,94,.12); color:#148243 }
body.theme-auroramint .badge-warning-subtle { background: rgba(245,158,11,.14); color:#92400e }
body.theme-auroramint .badge-danger-subtle { background: rgba(239,68,68,.14); color:#b91c1c }
body.theme-auroramint .badge-info-subtle { background: rgba(59,130,246,.14); color:#1d4ed8 }
body.theme-auroramint .badge-secondary-subtle { background: rgba(107,114,128,.18); color:#374151 }
@keyframes blink { 0%,49%{opacity:1} 50%,100%{opacity:.35} }
body.theme-auroramint .badge-blink { animation: blink 1.2s infinite }

/* ===== Loading (4.4) ===== */
@keyframes spin { to { transform: rotate(360deg); } }
body.theme-auroramint .spinner { width:32px;height:32px; border:3px solid rgba(0,0,0,.08); border-top-color: var(--theme-primary); border-radius:50%; animation: spin .75s linear infinite; }
body.theme-auroramint .spinner-sm { width:16px;height:16px; border-width:2px }
body.theme-auroramint .spinner-lg { width:64px;height:64px; border-width:4px }
@keyframes shimmer { 0%{background-position:-200% 0} 100%{background-position:200% 0} }
body.theme-auroramint .skeleton { background: linear-gradient(90deg,#f7f7f7 25%,#e6fffb 50%,#f7f7f7 75%); background-size:200% 100%; animation: shimmer 1.5s infinite; }
body.theme-auroramint .progress { background: rgba(18,200,181,.12) }
body.theme-auroramint .progress .progress-bar { background: var(--theme-primary) }

/* ===== Empty States (4.5) ===== */
body.theme-auroramint .empty-state .icon { color: var(--theme-primary); opacity:.9 }
body.theme-auroramint .empty-state .title { color:#111827 }
body.theme-auroramint .empty-state .desc { color:#6b7280 }

/* ===== Modals/Toasts/Tooltips (4.6) ===== */
body.theme-auroramint .modal-header { background: linear-gradient(135deg, var(--theme-primary), var(--theme-accent)); color:#fff; border-bottom:none }
body.theme-auroramint .modal-footer { border-top:none }
body.theme-auroramint .modal-content { border:0; box-shadow: 0 24px 52px rgba(18,200,181,.22) }
body.theme-auroramint .modal-backdrop.show { opacity:.25 }
body.theme-auroramint .toast { border-color: rgba(18,200,181,.25) }
body.theme-auroramint .toast-header { background: rgba(18,200,181,.08); color:#0b8f82 }
body.theme-auroramint .tooltip .tooltip-inner { background: var(--theme-primary) }
body.theme-auroramint .tooltip[class*="bs-tooltip-"] .tooltip-arrow::before { border-top-color: var(--theme-primary); border-bottom-color: var(--theme-primary) }

/* ===== Phase 6: Page transitions ===== */
@keyframes fadeIn { from{opacity:0; transform: translateY(6px)} to{opacity:1; transform:none} }
body.theme-auroramint .main-wrapper, body.theme-auroramint .n-scroll { animation: fadeIn 0.3s var(--wa-transition-ease); }
@media (prefers-reduced-motion: reduce){ body.theme-auroramint .main-wrapper, body.theme-auroramint .n-scroll { animation: none !important } }

/* ===== Phase 5: Landing/Login polish ===== */
body.theme-auroramint .section-title .title,
body.theme-auroramint .hero-title,
body.theme-auroramint .text-gradient {
  background: linear-gradient(135deg, var(--theme-primary), var(--theme-accent));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
@keyframes ctaPulse { 0%,100%{ box-shadow: 0 10px 24px rgba(18,200,181,.25)} 50%{ box-shadow: 0 16px 36px rgba(18,200,181,.35)} }
body.theme-auroramint .cta-primary .btn.btn-primary { animation: ctaPulse 2.8s ease-in-out infinite }

/* ========================================
   PHASE 5: Login/Hero Enhancements
   ======================================== */

/* Login page background */
body.theme-auroramint .auth-page {
  background: linear-gradient(135deg,
    var(--theme-primary) 0%,
    var(--theme-accent) 100%
  );
  min-height: 100vh;
}

/* Login card elevation */
body.theme-auroramint .auth-card {
  box-shadow: 0 20px 60px rgba(0,0,0,0.3);
  border-radius: 16px;
  overflow: hidden;
}

/* Input focus glow */
body.theme-auroramint .auth-card .form-control:focus {
  box-shadow: 0 0 0 4px rgba(18,200,181,0.25);
  border-color: var(--theme-primary);
}

/* Submit button enhancement */
body.theme-auroramint .auth-card .btn-primary {
  background: linear-gradient(135deg,
    var(--theme-primary),
    var(--theme-accent)
  );
  border: none;
  font-weight: 600;
  padding: 12px 24px;
  transition: all var(--wa-transition-base) var(--wa-transition-ease);
}

body.theme-auroramint .auth-card .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(18,200,181,0.4);
}

body.theme-auroramint .auth-card .btn-primary:active {
  transform: translateY(0);
}
