/* ============================================================
   DUNGEON EVOLUTION — theme.css
   Cores, raridades, natureza da alma, categorias de poder
   ============================================================ */

:root {
  /* --- Backgrounds --- */
  --bg-deep:       #121620;
  --bg-dark:       #1b2230;
  --bg-card:       #252e3e;
  --bg-card-hover: #2f3a4d;
  --bg-overlay:    rgba(18, 22, 32, 0.95);
  --bg-glass:      rgba(37, 46, 62, 0.85);

  /* --- Gold / Amber (UI principal) --- */
  --gold:          #d4af37;
  --gold-bright:   #ffdf00;
  --gold-dim:      #8a6d1e;
  --gold-glow:     rgba(212, 175, 55, 0.3);

  /* --- Cyan / Arcano (magia) --- */
  --arcane:        #00e5ff;
  --arcane-dim:    #007a8a;
  --arcane-glow:   rgba(0, 229, 255, 0.25);

  /* --- Vermelho (vida / perigo) --- */
  --life:          #ff4d4d;
  --life-bright:   #ff7a7a;
  --life-dim:      #7a1a1a;
  --life-glow:     rgba(255, 77, 77, 0.25);

  /* --- Roxo (mana) --- */
  --mana:          #a871f3;
  --mana-bright:   #c49bff;
  --mana-dim:      #4d2a7a;
  --mana-glow:     rgba(168, 113, 243, 0.25);

  /* --- Verde (defesa / bônus positivo) --- */
  --defense:       #39e681;
  --defense-dim:   #1a7a40;
  --defense-glow:  rgba(57, 230, 129, 0.25);

  /* --- Textos --- */
  --text-primary:  #ffffff;
  --text-secondary:#c8c1b7;
  --text-muted:    #8a8276;
  --text-heading:  #ffffff;

  /* --- Bordas --- */
  --border:        rgba(212, 175, 55, 0.25);
  --border-bright: rgba(212, 175, 55, 0.5);
  --border-card:   rgba(255, 255, 255, 0.12);

  /* --- Tipografia --- */
  --font-display: 'Cinzel', serif;
  --font-body:    'Exo 2', sans-serif;
  
  --font-xs: 0.75rem;
  --font-sm: 0.875rem;
  --font-md: 1rem;
  --font-lg: 1.125rem;
  --font-xl: 1.25rem;
  --font-2xl: 1.5rem;
  --font-3xl: 2rem;

  /* --- Espaçamentos --- */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;
  --space-2xl: 48px;

  /* --- Raios --- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  /* --- Sombras --- */
  --shadow-gold:   0 0 20px rgba(201,168,76,0.3), 0 0 60px rgba(201,168,76,0.1);
  --shadow-arcane: 0 0 20px rgba(0,212,255,0.3), 0 0 60px rgba(0,212,255,0.1);
  --shadow-card:   0 4px 24px rgba(0,0,0,0.6);

  /* --- Transições --- */
  --transition: 0.2s ease;
  --transition-slow: 0.4s ease;

  /* --- Bottom nav height --- */
  --nav-height: 64px;

  /* --- Raridades --- */
  --rarity-common:    #9e9e9e;
  --rarity-magic:     #4fc3f7;
  --rarity-rare:      #ffd740;
  --rarity-legendary: #ff9800;
  --rarity-unique:    #f44336;

  --rarity-common-grad:    linear-gradient(135deg, #757575, #424242);
  --rarity-magic-grad:     linear-gradient(135deg, #0288d1, #01579b);
  --rarity-rare-grad:      linear-gradient(135deg, #ffc107, #ff8f00);
  --rarity-legendary-grad: linear-gradient(135deg, #f57c00, #e65100);
  --rarity-unique-grad:    linear-gradient(135deg, #d32f2f, #b71c1c);

  --rarity-common-glow:    rgba(158,158,158,0.2);
  --rarity-magic-glow:     rgba(79,195,247,0.25);
  --rarity-rare-glow:      rgba(255,215,64,0.25);
  --rarity-legendary-glow: rgba(255,152,0,0.3);
  --rarity-unique-glow:    rgba(244,67,54,0.35);

  /* --- Natureza da Alma --- */
  --soul-white:    #e8e8f0;
  --soul-bronze:   #cd7f32;
  --soul-silver:   #c0c0c0;
  --soul-gold:     #ffd700;
  --soul-special:  #e040fb;
  --soul-unique:   #ffffff;
}

/* --- Classes de raridade --- */
.rarity-common    { color: var(--rarity-common);    }
.rarity-magic     { color: var(--rarity-magic);     }
.rarity-rare      { color: var(--rarity-rare);      }
.rarity-legendary { color: var(--rarity-legendary); }
.rarity-unique    { color: var(--rarity-unique);    }

.rarity-bg-common    { background: var(--rarity-common-grad);    color: #fff; }
.rarity-bg-magic     { background: var(--rarity-magic-grad);     color: #fff; }
.rarity-bg-rare      { background: var(--rarity-rare-grad);      color: #000; }
.rarity-bg-legendary { background: var(--rarity-legendary-grad); color: #fff; }
.rarity-bg-unique    { background: var(--rarity-unique-grad);    color: #fff; }

.rarity-border-common    { border-color: var(--rarity-common);    box-shadow: 0 0 12px var(--rarity-common-glow);    }
.rarity-border-magic     { border-color: var(--rarity-magic);     box-shadow: 0 0 12px var(--rarity-magic-glow);     }
.rarity-border-rare      { border-color: var(--rarity-rare);      box-shadow: 0 0 12px var(--rarity-rare-glow);      }
.rarity-border-legendary { border-color: var(--rarity-legendary); box-shadow: 0 0 12px var(--rarity-legendary-glow); }
.rarity-border-unique    { border-color: var(--rarity-unique);    box-shadow: 0 0 12px var(--rarity-unique-glow); animation: pulse-unique 2s infinite;   }

/* --- Natureza da alma --- */
.soul-white   { color: var(--soul-white);   }
.soul-bronze  { color: var(--soul-bronze);  }
.soul-silver  { color: var(--soul-silver);  }
.soul-gold    { color: var(--soul-gold);    }
.soul-special { color: var(--soul-special); }
.soul-unique  { color: var(--soul-unique); animation: pulse-soul-unique 3s infinite; }

/* --- Animações globais --- */
@keyframes pulse-unique {
  0%, 100% { box-shadow: 0 0 12px var(--rarity-unique-glow); }
  50%       { box-shadow: 0 0 28px rgba(244,67,54,0.6), 0 0 60px rgba(244,67,54,0.2); }
}

@keyframes pulse-soul-unique {
  0%, 100% { text-shadow: none; }
  50%       { text-shadow: 0 0 20px rgba(255,255,255,0.8), 0 0 40px rgba(255,255,255,0.4); }
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes slideUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes shimmer {
  0%   { background-position: -200% center; }
  100% { background-position: 200% center; }
}

@keyframes rotate {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

@keyframes flicker {
  0%,100% { opacity: 1; }
  92%      { opacity: 1; }
  93%      { opacity: 0.7; }
  94%      { opacity: 1; }
  96%      { opacity: 0.8; }
  97%      { opacity: 1; }
}