/**
 * AXIONS — Identidad plataforma B2B (web, portal dueños, Core admin)
 * Carbón + dorado · alineado con logo Gemini
 */
:root {
  /* Marca */
  --ax-brand: #c4a962;
  --ax-brand-hover: #a88f4a;
  --ax-brand-soft: #f5efe3;
  --ax-brand-muted: #faf6f1;

  /* Superficies */
  --bg-page: #faf6f1;
  --bg-surface: #ffffff;
  --bg-muted: #f0ebe3;
  --border: #e4dfd4;

  /* Texto */
  --text-primary: #121212;
  --text-muted: #5c564c;

  /* Core — sidebar operaciones */
  --slate-deep: #121212;
  --slate-mid: #1e1c18;
  --sidebar-fg: #f5efe3;
  --sidebar-fg-muted: #a39e92;
  --sidebar-hover-bg: rgba(255, 255, 255, 0.06);
  --sidebar-active-bg: rgba(196, 169, 98, 0.22);

  /* Plan Premium / tier 3 */
  --ax-premium-gold: #c4a962;
  --ax-premium-gold-soft: #f5efe3;

  /* Alias legacy */
  --bg-beige: var(--bg-page);
  --card-white: var(--bg-surface);
  --text-onyx: var(--text-primary);
  --axions-gold: var(--ax-brand);
  --gold-hover: var(--ax-brand-hover);
  --gold-light: var(--ax-brand-soft);
  --border-light: var(--border);
  --border-input: var(--border);
  --bg-base: var(--bg-page);
  --text-main: var(--text-primary);
  --trust-teal: var(--ax-brand);
  --trust-teal-soft: var(--ax-brand-soft);
  --brand-gold: var(--ax-brand);
  --brand-gold-dark: var(--ax-brand-hover);

  --fire-charcoal: var(--text-primary);
  --fire-red: var(--text-primary);
  --fire-red-soft: var(--ax-brand-soft);
  --fire-yellow: var(--ax-brand);
  --fire-gradient: linear-gradient(90deg, var(--slate-deep) 0%, var(--ax-brand) 100%);
  --fire-gradient-alt: linear-gradient(90deg, var(--ax-brand) 0%, var(--slate-deep) 100%);
  --fire-gradient-success: linear-gradient(90deg, var(--slate-deep) 0%, var(--ax-brand) 100%);
  --fire-gradient-warn: linear-gradient(90deg, var(--slate-deep) 0%, var(--ax-brand-hover) 100%);

  --shadow-sm: 0 1px 2px rgba(18, 18, 18, 0.04);
  --shadow-md: 0 4px 12px rgba(18, 18, 18, 0.06);
  --shadow-card-hover: 0 10px 25px rgba(18, 18, 18, 0.06);
  --shadow-btn: 0 8px 24px rgba(196, 169, 98, 0.28);
  --shadow-btn-violet: 0 8px 24px rgba(18, 18, 18, 0.12);
  --axions-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --axions-transition: all 0.3s ease;

  accent-color: var(--ax-brand) !important;
}

::selection {
  background: var(--ax-brand-soft);
  color: var(--text-primary) !important;
}

::-moz-selection {
  background: var(--ax-brand-soft);
  color: var(--text-primary) !important;
}

*:focus,
*:focus-visible {
  outline: 2px solid var(--ax-brand) !important;
  outline-offset: 2px;
}

@keyframes go-shake {
  0%, 100% { transform: translateX(0); }
  15% { transform: translateX(-8px); }
  30% { transform: translateX(8px); }
  45% { transform: translateX(-6px); }
  60% { transform: translateX(6px); }
  75% { transform: translateX(-3px); }
  90% { transform: translateX(3px); }
}

.go-shake {
  animation: go-shake 0.5s ease-in-out;
}

.fire-gradient-icon {
  background: linear-gradient(145deg, var(--ax-brand), var(--slate-deep));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.fire-gradient-bg {
  background: var(--fire-gradient);
}

.wh2-gradient-text {
  background: var(--fire-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.wh2-gradient-text--electric {
  background: var(--fire-gradient-alt);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}