/*
 * Malls Shibata — Design tokens
 * Fonte única de cores, raios, sombras, espaçamentos e tipografia.
 * Para alterar o tema, edite apenas as variáveis deste arquivo.
 */
:root {
    /* Marca */
    --malls-navy-950: #061b36;
    --malls-navy-900: #08284f;
    --malls-navy-800: #0d3b73;
    --malls-navy-700: #154a8a;
    --malls-blue-600: #1769e8;
    --malls-blue-500: #2f7df4;
    --malls-blue-100: #e3eefd;
    --malls-blue-50: #f0f6ff;
    --malls-sky-400: #5fb3ff;
    --malls-red-600: #e21d2e;
    --malls-red-500: #ef233c;
    --malls-red-50: #fdecee;

    /* Semânticas */
    --malls-success: #16a36a;
    --malls-success-bg: #e6f6ef;
    --malls-success-text: #0b6e47;
    --malls-warning: #f59e0b;
    --malls-warning-bg: #fef3dc;
    --malls-warning-text: #92560a;
    --malls-danger: #e5484d;
    --malls-danger-bg: #fdeced;
    --malls-danger-text: #b4232a;
    --malls-info: #2583e8;
    --malls-info-bg: #e5f0fc;
    --malls-info-text: #13589f;
    --malls-neutral-bg: #eef2f7;
    --malls-neutral-text: #475569;

    /* Superfícies */
    --malls-bg: #f3f6fa;
    --malls-surface: #ffffff;
    --malls-surface-muted: #f7f9fc;
    --malls-surface-sunken: #e9eef5;
    --malls-border: #dfe6ef;
    --malls-border-strong: #c9d4e2;

    /* Texto */
    --malls-text: #102a4c;
    --malls-text-secondary: #64748b;
    /* Ajustado de #94a3b8 para #8392a7 para atingir contraste mínimo em placeholders */
    --malls-text-muted: #8392a7;
    --malls-text-on-dark: #ffffff;
    --malls-text-on-dark-muted: #b9c7dc;

    /* Raios */
    --malls-radius-sm: 6px;
    --malls-radius-md: 10px;
    --malls-radius-lg: 14px;
    --malls-radius-pill: 999px;

    /* Sombras */
    --malls-shadow-sm: 0 2px 8px rgba(15, 42, 76, 0.06);
    --malls-shadow-md: 0 8px 24px rgba(15, 42, 76, 0.10);
    --malls-shadow-lg: 0 18px 48px rgba(15, 42, 76, 0.16);

    /* Foco acessível */
    --malls-focus-ring: 0 0 0 3px rgba(23, 105, 232, 0.28);
    --malls-focus-color: #1769e8;

    /* Tipografia */
    --malls-font-family: "Inter", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --malls-font-size-xs: 0.75rem;
    --malls-font-size-sm: 0.8125rem;
    --malls-font-size-md: 0.875rem;
    --malls-font-size-lg: 1rem;
    --malls-font-size-xl: 1.25rem;
    --malls-font-size-2xl: 1.625rem;

    /* Espaçamentos */
    --malls-space-1: 0.25rem;
    --malls-space-2: 0.5rem;
    --malls-space-3: 0.75rem;
    --malls-space-4: 1rem;
    --malls-space-5: 1.25rem;
    --malls-space-6: 1.5rem;
    --malls-space-8: 2rem;

    /* Estrutura */
    --malls-sidebar-width: 248px;
    --malls-sidebar-collapsed-width: 76px;
    --malls-topbar-height: 56px;
    --malls-tabbar-height: 48px;
    --malls-control-height: 40px;
    --malls-touch-target: 44px;

    /* Movimento */
    --malls-transition-fast: 120ms ease;
    --malls-transition: 200ms ease;

    /* Mapeamento para variáveis do Bootstrap/Sneat já existentes */
    --bs-primary: var(--malls-navy-800);
    --bs-primary-rgb: 13, 59, 115;
    --bs-danger: var(--malls-danger);
    --bs-success: var(--malls-success);
    --bs-warning: var(--malls-warning);
    --bs-info: var(--malls-info);
    --bs-body-bg: var(--malls-bg);
    --bs-body-color: var(--malls-text);
    --bs-body-font-family: var(--malls-font-family);
    --bs-border-color: var(--malls-border);
    --bs-link-color: var(--malls-blue-600);
    --bs-link-hover-color: var(--malls-navy-800);
    --bs-heading-color: var(--malls-text);
}

/* Ícones da marca utilizados em vários componentes (arquivo único). */
:root {
    --malls-logo-symbol: url("/img/shibata-logo.png");
}