/* ============================================================================
   Inovyo Hub — Design tokens (tema claro/escuro)
   Fonte única da identidade visual. Carregado ANTES de hub.css.
   Aproveita os color modes nativos do Bootstrap 5.3 (data-bs-theme).
   ============================================================================ */

:root {
  /* ── Cores da marca (fixas nos dois temas) ──────────────────────────────── */
  --inv-magenta:      #9A2376;
  --inv-roxo:         #77429D;
  --inv-plum:         #593959;
  --inv-amarelo:      #FFC400;
  --inv-laranja:      #FFA300;
  --inv-laranja-verm: #F64827;
  --inv-vermelho:     #FF1928;
  --inv-vermelho-esc: #8E0A14;
  --inv-verde:        #008D3F;
  --inv-verde-claro:  #1BBF37;
  --inv-azul:         #00A3DD;

  /* Assinatura da marca: gradiente roxo → magenta */
  --inv-gradient:      linear-gradient(135deg, #77429D 0%, #9A2376 100%);
  --inv-gradient-soft: linear-gradient(135deg, rgba(119,66,157,.10) 0%, rgba(154,35,118,.10) 100%);

  /* ── Cores semânticas ───────────────────────────────────────────────────── */
  --inv-primary: var(--inv-magenta);
  --inv-success: var(--inv-verde-claro);
  --inv-warning: var(--inv-amarelo);
  --inv-danger:  var(--inv-vermelho);
  --inv-info:    var(--inv-azul);

  /* ── Superfícies / texto / borda (claro) ────────────────────────────────── */
  --inv-surface:   #ffffff;
  --inv-surface-2: #f7f5f9;
  --inv-border:    rgba(89, 57, 89, .14);
  --inv-muted:     #6c6577;

  /* ── Sombras ────────────────────────────────────────────────────────────── */
  --inv-shadow-sm: 0 1px 2px rgba(89,57,89,.06), 0 2px 8px rgba(89,57,89,.06);
  --inv-shadow-md: 0 4px 12px rgba(89,57,89,.10), 0 12px 32px rgba(89,57,89,.10);
  --inv-shadow-lg: 0 8px 24px rgba(89,57,89,.12), 0 24px 56px rgba(89,57,89,.14);

  /* ── Raio / forma ───────────────────────────────────────────────────────── */
  --inv-radius:     14px;
  --inv-radius-sm:  10px;
  --inv-radius-lg:  20px;
  --inv-radius-pill: 999px;

  /* ── Casa com o Bootstrap 5.3 (efeito multiplicador) ────────────────────── */
  --bs-primary:           #9A2376;
  --bs-primary-rgb:       154, 35, 118;
  --bs-link-color:        #9A2376;
  --bs-link-color-rgb:    154, 35, 118;
  --bs-link-hover-color:  #77429D;
  --bs-border-radius:     var(--inv-radius-sm);
  --bs-border-radius-lg:  var(--inv-radius);

  /* ── Aliases de compatibilidade (não quebrar usos remanescentes) ────────── */
  --inovyo-primary:      var(--inv-primary);
  --inovyo-primary-dark: var(--inv-roxo);
}

/* ============================================================================
   Tema escuro
   ============================================================================ */
[data-bs-theme="dark"] {
  --inv-surface:   #1d1822;
  --inv-surface-2: #251f2c;
  --inv-border:    rgba(255, 255, 255, .10);
  --inv-muted:     #9a93a3;

  --inv-shadow-sm: 0 1px 2px rgba(0,0,0,.40);
  --inv-shadow-md: 0 8px 28px rgba(0,0,0,.50);
  --inv-shadow-lg: 0 16px 48px rgba(0,0,0,.55);

  /* Primária de interação clareada p/ contraste AA sobre fundo escuro */
  --inv-primary: #c44ba0;

  --bs-primary:          #c44ba0;
  --bs-primary-rgb:      196, 75, 160;
  --bs-link-color:       #d472b8;
  --bs-link-color-rgb:   212, 114, 184;
  --bs-link-hover-color: #e29ccd;

  /* Superfícies globais do Bootstrap */
  --bs-body-bg:      #171219;
  --bs-body-color:   #e8e3ec;
  --bs-tertiary-bg:  #1d1822;
  --bs-secondary-bg: #251f2c;
  --bs-border-color: rgba(255,255,255,.12);
}

/* ============================================================================
   Acessibilidade — respeita usuários que pedem menos movimento
   ============================================================================ */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}