/**
 * Marca AMIRA — color principal ciruela. El logo Zoe Mira Bag sigue en negro y dorado.
 * Cambiar el color aquí; config.js solo lo lee y su defaultPrimaryColor debe coincidir con --amira-brand.
 * --amira-brand #7A2E5D · highlight #EAD0E0 · sombra #5F2148 · texto #1D1714
 * Gráficos ApexCharts (literales en JS/PHP): #BB659C, legible en tema claro y oscuro (≥ 3:1).
 * Tienda: colores propios en store/public/assets/css/amira-catalog.css.
 */

.amira-admin,
.amira-admin[data-bs-theme='light'] {
    --amira-brand: #7a2e5d;
    --amira-brand-rgb: 122, 46, 93;
    --amira-brand-light: #ead0e0;
    --amira-brand-dark: #5f2148;
    --amira-brand-hero-a: #7a2e5d;
    --amira-brand-hero-b: #2e1025;
    --amira-ink: #1d1714;

    /* Dinero que entra y que sale, en todo el sistema: docs/desarrollo/COLORES-DINERO.md */
    --amira-income: #1b7f3b;
    --amira-income-rgb: 27, 127, 59;
    --amira-on-income: #fff;
    --amira-expense: #c62828;
    --amira-expense-rgb: 198, 40, 40;
    --amira-on-expense: #fff;

    --bs-primary: var(--amira-brand);
    --bs-primary-rgb: var(--amira-brand-rgb);
    --bs-primary-text-emphasis: #4a1a37;
    --bs-primary-bg-subtle: #f6e9f1;
    --bs-primary-border-subtle: var(--amira-brand-light);
    --bs-primary-contrast: #fff;

    --bs-link-color: var(--amira-brand-dark);
    --bs-link-hover-color: #471838;
}

.amira-admin[data-bs-theme='dark'] {
    --amira-brand: #d48fbb;
    --amira-brand-rgb: 212, 143, 187;
    --amira-brand-dark: #e3b3d1;
    --amira-income: #5fd38a;
    --amira-income-rgb: 95, 211, 138;
    --amira-on-income: #06290f;
    --amira-expense: #ff8a80;
    --amira-expense-rgb: 255, 138, 128;
    --amira-on-expense: #3b0a0a;
    --bs-primary: var(--amira-brand);
    --bs-primary-rgb: var(--amira-brand-rgb);
    --bs-primary-text-emphasis: #f6e9f1;
    --bs-primary-bg-subtle: #47213c;
    --bs-primary-border-subtle: #6b3459;
    --bs-primary-contrast: #2a0f20;
    --bs-link-color: #e3b3d1;
    --bs-link-hover-color: #f6e9f1;
}

.amira-admin .amira-text-income {
    color: var(--amira-income) !important;
}

.amira-admin .amira-text-expense {
    color: var(--amira-expense) !important;
}

.amira-admin .app-brand-text {
    color: var(--amira-ink);
}

.amira-admin[data-bs-theme='dark'] .app-brand-text {
    color: #f2ebe4;
}

.amira-admin .app-brand-logo .amira-brand-logo-img {
    display: block;
    height: 28px;
    width: auto;
    max-width: 9rem;
    object-fit: contain;
}

.amira-admin .layout-menu .app-brand-logo .amira-brand-logo-img {
    height: 32px;
    width: 32px;
    max-width: 32px;
}