/* CORE Panel — paleta de cores customizável
   =============================================
   PARA TROCAR AS CORES DO SEU PAINEL:
   Edite os valores hex abaixo. Salve. Recarregue o browser (F5).

   Sugestões de paletas prontas (troque o --accent):
   - Barbearia clássica:  --accent: #d4a45c (dourado)
   - Tesla/SpaceX:        --accent: #ff453a (vermelho)
   - Cyber:               --accent: #00ff87 (verde neon)
   - Premium azul:        --accent: #0a84ff (azul)
   - Roxo:                --accent: #bf5af2

   O toggle de luz no topbar alterna entre dark e light automaticamente.
*/

/* ============================================================
   TEMA DARK (padrão)
   ============================================================ */
:root {
  /* === PALETA PRINCIPAL — EDITE AQUI === */
  --accent: #d4a45c;
  --accent-soft: rgba(212, 164, 92, 0.15);

  /* Backgrounds */
  --bg: #0c0c0e;
  --bg-sidebar: #0a0a0c;
  --bg-card: #15161a;
  --bg-card-hover: #1c1d22;
  --bg-elevated: #1a1b1f;

  /* Borders */
  --border: #1f2025;
  --border-bright: #2a2c33;

  /* Textos */
  --text: #f5f5f7;
  --text-dim: #8a8a92;
  --text-muted: #555560;

  /* Estados semânticos */
  --green: #30d158;
  --yellow: #ffd60a;
  --red: #ff453a;
  --blue: #0a84ff;
  --purple: #bf5af2;

  /* === LAYOUT === */
  --sidebar-width: 240px;
  --topbar-height: 64px;
  --radius: 8px;
  --radius-lg: 12px;
  --shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* ============================================================
   TEMA LIGHT (ativado pelo botão sol/lua)
   ============================================================ */
body.light {
  --accent: #b8862e;
  --accent-soft: rgba(184, 134, 46, 0.12);

  --bg: #f4f4f6;
  --bg-sidebar: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #f9f9fb;
  --bg-elevated: #f1f1f4;

  --border: #e5e5ea;
  --border-bright: #d1d1d6;

  --text: #1c1c1e;
  --text-dim: #6c6c70;
  --text-muted: #a0a0a8;

  --green: #28a745;
  --yellow: #d68900;
  --red: #d63329;
  --blue: #0a73e0;
  --purple: #8e44ad;

  --shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}