/**
 * Template Custom Variables - Variáveis CSS Customizadas Completas
 *
 * Este arquivo contém TODAS as variáveis CSS do Metronic Template.
 * Você pode customizar qualquer aspecto do tema editando este arquivo.
 *
 * IMPORTANTE: Este arquivo deve ser carregado DEPOIS do style.bundle.css
 * para que as variáveis customizadas sobrescrevam as padrões.
 *
 * Gerado automaticamente a partir do style.bundle.css
 */

:root {
  /* ============================================ */
  /* CORES BASE DO BOOTSTRAP 5 */
  /* ============================================ */

  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000000;
  --bs-white: #ffffff;

  /* Escala de cinza */
  --bs-gray-100: #F9F9F9;
  --bs-gray-200: #F1F1F4;
  --bs-gray-300: #DBDFE9;
  --bs-gray-400: #C4CADA;
  --bs-gray-500: #99A1B7;
  --bs-gray-600: #78829D;
  --bs-gray-700: #4B5675;
  --bs-gray-800: #252F4A;
  --bs-gray-900: #071437;
  --bs-gray: #78829D;
  --bs-gray-dark: #252F4A;

  /* ============================================ */
  /* CORES DO TEMA */
  /* ============================================ */

  --bs-primary: #1B84FF;
  --bs-secondary: #F1F1F4;
  --bs-success: #17C653;
  --bs-info: #7239EA;
  --bs-warning: #F6C000;
  --bs-danger: #F8285A;
  --bs-light: #F9F9F9;
  --bs-dark: #1E2129;

  /* RGB das cores */
  --bs-primary-rgb: 27,132,255;
  --bs-secondary-rgb: 241,241,244;
  --bs-success-rgb: 23,198,83;
  --bs-info-rgb: 114,57,234;
  --bs-warning-rgb: 246,192,0;
  --bs-danger-rgb: 248,40,90;
  --bs-light-rgb: 249,249,249;
  --bs-dark-rgb: 30,33,41;

  /* ============================================ */
  /* BODY E TIPOGRAFIA */
  /* ============================================ */

  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255,255,255;
  --bs-body-color: #071437;
  --bs-body-color-rgb: 7,20,55;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;

  /* ============================================ */
  /* BORDERS, RADIUS E SOMBRAS */
  /* ============================================ */

  --bs-border-color: #F1F1F4;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-radius: 0.475rem;
  --bs-border-radius-sm: 0.425rem;
  --bs-border-radius-lg: 0.625rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
  --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);

  /* Links */
  --bs-link-color: #1B84FF;
  --bs-link-hover-color: #056EE9;

  /* Headings */
  --bs-heading-color: #071437;

  /* ============================================ */
  /* ASIDE (Metronic) */
  /* ============================================ */

  --aside-bg-color: #002A35;
  --bs-aside-bg-color: #002A35;
  --bs-aside-logo-bg-color: #002A35;
  --aside-text-primary: #f5f5f5;
  --aside-text-secondary: #99a1b7;
  --aside-text-tertiary: #78829d;
  --aside-text-light: #ffffff;
  --aside-hover-bg: rgba(255, 255, 255, 0.06);
  --aside-hover-bg-strong: rgba(255, 255, 255, 0.1);
  --aside-active-bg: rgba(255, 255, 255, 0.15);
  --aside-active-bg-light: rgba(255, 255, 255, 0.05);
  --aside-active-border: #ffffff;
  --aside-accent-color: #ffffff;
  --aside-accent-hover: #e0e0e0;
  --aside-shadow-color: rgba(0, 42, 53, 0.3);
}

/* ============================================ */
/* DARK MODE */
/* ============================================ */

[data-bs-theme="dark"] {
  --bs-body-bg: #1C1D22;
  --bs-body-bg-rgb: 28,29,34;
  --bs-body-color: #F5F5F5;
  --bs-body-color-rgb: 245,245,245;
  --bs-border-color: #26272F;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-code-color: #b93993;
  --bs-danger-bg-subtle: #320812;
  --bs-danger-border-subtle: #951836;
  --bs-danger-text-emphasis: #fb7e9c;
  --bs-dark-bg-subtle: #131825;
  --bs-dark-border-subtle: #252F4A;
  --bs-dark-text-emphasis: #DBDFE9;
  --bs-emphasis-color: #ffffff;
  --bs-emphasis-color-rgb: 255,255,255;
  --bs-form-invalid-color: #ea868f;
  --bs-form-valid-border-color: #75b798;
  --bs-form-valid-color: #75b798;
  --bs-heading-color: #F5F5F5;
  --bs-highlight-bg: #664d03;
  --bs-highlight-color: #F5F5F5;
  --bs-info-bg-subtle: #170b2f;
  --bs-info-border-subtle: #44228c;
  --bs-info-text-emphasis: #aa88f2;
  --bs-light-bg-subtle: #252F4A;
  --bs-light-border-subtle: #4B5675;
  --bs-light-text-emphasis: #F9F9F9;
  --bs-link-color: #006AE6;
  --bs-link-color-rgb: 0,106,230;
  --bs-link-hover-color: #3388eb;
  --bs-link-hover-color-rgb: 51,136,235;
  --bs-primary-bg-subtle: #051a33;
  --bs-primary-border-subtle: #104f99;
  --bs-primary-text-emphasis: #76b5ff;
  --bs-secondary-bg: #252F4A;
  --bs-secondary-bg-rgb: 37,47,74;
  --bs-secondary-bg-subtle: #303031;
  --bs-secondary-border-subtle: #919192;
  --bs-secondary-color: rgba(245, 245, 245, 0.75);
  --bs-secondary-color-rgb: 245,245,245;
  --bs-secondary-text-emphasis: #f7f7f8;
  --bs-success-bg-subtle: #052811;
  --bs-success-border-subtle: #0e7732;
  --bs-success-text-emphasis: #74dd98;
  --bs-tertiary-bg: #162241;
  --bs-tertiary-bg-rgb: 22,34,65;
  --bs-tertiary-color: rgba(245, 245, 245, 0.5);
  --bs-tertiary-color-rgb: 245,245,245;
  --bs-warning-bg-subtle: #312600;
  --bs-warning-border-subtle: #947300;
  --bs-warning-text-emphasis: #fad966;

  /* Aside customizado para dark mode */
  --aside-text-primary: #f5f5f5;
  --aside-text-secondary: #99a1b7;
  --aside-text-tertiary: #78829d;
  --aside-hover-bg: rgba(255, 255, 255, 0.05);
  --aside-hover-bg-strong: rgba(255, 255, 255, 0.1);
  --aside-active-bg: rgba(27, 132, 255, 0.15);
  --aside-active-bg-light: rgba(27, 132, 255, 0.05);
  --aside-active-border: var(--bs-primary, #1b84ff);
  --aside-accent-color: var(--bs-primary, #1b84ff);
  --aside-accent-hover: #056ee9;
}

/* ============================================ */
/* COMO USAR */
/* ============================================ */

/*
EXEMPLO: Customizar cores do tema

:root {
  --bs-primary: #9333ea;  /* Mudar para roxo */
  --aside-accent-color: #9333ea;
}
*/