/* GERADO por scripts/brand/build.mjs - nao editar a mao (o CI regenera e reprova no diff). Marca: wallbiz. */
/* tema: light */
:root {
  --wall-core-color-white: #ffffff;
  --wall-core-color-neutral-50: #f4f7fb;
  --wall-core-color-neutral-100: #e6ecf3;
  --wall-core-color-neutral-200: #d5deea;
  --wall-core-color-neutral-400: #8a97ad;
  --wall-core-color-neutral-500: #6b7c98;
  --wall-core-color-neutral-600: #455a7a;
  --wall-core-color-night-700: #23477a;
  --wall-core-color-night-800: #123566;
  --wall-core-color-night-950: #071b3b;
  --wall-core-color-mist-300: #b4c3db;
  --wall-core-color-mist-400: #7c93b5;
  --wall-core-color-mist-500: #6b7fa0;
  --wall-core-color-green-50: #e7f6ec;
  --wall-core-color-green-300: #6ee7a0;
  --wall-core-color-green-700: #17703a;
  --wall-core-color-green-950: #0f3b2a;
  --wall-core-color-amber-50: #fff3d6;
  --wall-core-color-amber-300: #fbc65a;
  --wall-core-color-amber-400: #f5a524;
  --wall-core-color-amber-700: #8a4b00;
  --wall-core-color-amber-950: #3f2e0a;
  --wall-core-color-red-50: #fdecea;
  --wall-core-color-red-300: #ff9c97;
  --wall-core-color-red-700: #b3261e;
  --wall-core-color-red-950: #4a1517;
  --wall-core-color-blue-50: #e6f1fc;
  --wall-core-color-blue-300: #8cc8ff;
  --wall-core-color-blue-700: #0a5ea8;
  --wall-core-color-blue-950: #0c4585;
  --wall-core-color-external-whatsapp: #25d366; /** Cor de marca de terceiro (WhatsApp); fora do contraste da marca */
  --wall-core-font-family-base: Inter, system-ui, sans-serif;
  --wall-core-font-weight-regular: 400;
  --wall-core-font-weight-medium: 500;
  --wall-core-font-weight-semibold: 600;
  --wall-core-font-weight-bold: 700;
  --wall-core-font-weight-extrabold: 800;
  --wall-core-font-size-xs: 0.75rem;
  --wall-core-font-size-sm: 0.875rem;
  --wall-core-font-size-md: 1rem;
  --wall-core-font-size-lg: 1.25rem;
  --wall-core-font-size-xl: 1.5rem;
  --wall-core-font-size-2xl: 2rem;
  --wall-core-font-size-3xl: 2.5rem;
  --wall-core-font-line-height-tight: 1.25;
  --wall-core-font-line-height-normal: 1.5;
  --wall-core-space-0: 0px;
  --wall-core-space-1: 4px;
  --wall-core-space-2: 8px;
  --wall-core-space-3: 12px;
  --wall-core-space-4: 16px;
  --wall-core-space-5: 24px;
  --wall-core-space-6: 32px;
  --wall-core-space-7: 48px;
  --wall-core-space-8: 64px;
  --wall-core-radius-sm: 4px;
  --wall-core-radius-md: 8px;
  --wall-core-radius-lg: 12px;
  --wall-core-radius-xl: 16px;
  --wall-core-radius-pill: 999px;
  --wall-core-shadow-sm: 0px 1px 2px 0px #0b285529;
  --wall-core-shadow-md: 0px 4px 12px 0px #0b285533;
  --wall-brand-color-navy: #0b2855; /** Marinho da assinatura (medido nos pixels e nos fills do SVG da agencia) */
  --wall-brand-color-signature: #188ff4; /** Cor de assinatura: turquesa do Club / azul do Biz (medida) */
  --wall-brand-light-action-strong: #0a71c9;
  --wall-brand-light-primary-bg: #0a71c9;
  --wall-brand-light-primary-bg-hover: #095fa8;
  --wall-brand-light-primary-bg-pressed: #084e8a;
  --wall-brand-light-on-primary: #ffffff;
  --wall-brand-light-accent-subtle: #e6f1fc;
  --wall-brand-light-on-accent-subtle: #0a5ea8;
  --wall-brand-dark-action-strong: #5ab0ff;
  --wall-brand-dark-primary-bg: #5ab0ff;
  --wall-brand-dark-primary-bg-hover: #86c4ff;
  --wall-brand-dark-primary-bg-pressed: #b0d8ff;
  --wall-brand-dark-on-primary: #0b2855;
  --wall-brand-dark-accent-subtle: #0c4585;
  --wall-brand-dark-on-accent-subtle: #8cc8ff;
  --wall-color-surface-canvas: var(--wall-core-color-neutral-50);
  --wall-color-surface-default: var(--wall-core-color-white);
  --wall-color-surface-raised: var(--wall-core-color-white);
  --wall-color-surface-inverse: var(--wall-brand-color-navy);
  --wall-color-surface-nav: var(--wall-brand-color-navy);
  --wall-color-surface-nav-hover: var(--wall-core-color-night-800);
  --wall-color-text-primary: var(--wall-brand-color-navy);
  --wall-color-text-secondary: var(--wall-core-color-neutral-600);
  --wall-color-text-disabled: var(--wall-core-color-neutral-400);
  --wall-color-text-on-inverse: var(--wall-core-color-white);
  --wall-color-text-on-nav: var(--wall-core-color-white);
  --wall-color-text-on-nav-active: var(--wall-brand-dark-action-strong);
  --wall-color-text-link: var(--wall-brand-light-action-strong);
  --wall-color-action-strong: var(--wall-brand-light-action-strong);
  --wall-color-action-primary-bg: var(--wall-brand-light-primary-bg);
  --wall-color-action-primary-bg-hover: var(--wall-brand-light-primary-bg-hover);
  --wall-color-action-primary-bg-pressed: var(--wall-brand-light-primary-bg-pressed);
  --wall-color-action-primary-fg: var(--wall-brand-light-on-primary);
  --wall-color-accent-default: var(--wall-brand-color-signature);
  --wall-color-accent-subtle: var(--wall-brand-light-accent-subtle);
  --wall-color-accent-on-subtle: var(--wall-brand-light-on-accent-subtle);
  --wall-color-border-subtle: var(--wall-core-color-neutral-200); /** Decorativa (WCAG 1.4.11 nao se aplica) */
  --wall-color-border-faint: var(--wall-core-color-neutral-100); /** Decorativa */
  --wall-color-border-input: var(--wall-core-color-neutral-500); /** Componente de UI: minimo 3:1 */
  --wall-color-status-success-text: var(--wall-core-color-green-700);
  --wall-color-status-success-bg: var(--wall-core-color-green-50);
  --wall-color-status-success-solid: var(--wall-core-color-green-700);
  --wall-color-status-success-on-solid: var(--wall-core-color-white);
  --wall-color-status-warning-text: var(--wall-core-color-amber-700);
  --wall-color-status-warning-bg: var(--wall-core-color-amber-50);
  --wall-color-status-warning-solid: var(--wall-core-color-amber-400);
  --wall-color-status-warning-on-solid: var(--wall-brand-color-navy);
  --wall-color-status-error-text: var(--wall-core-color-red-700);
  --wall-color-status-error-bg: var(--wall-core-color-red-50);
  --wall-color-status-error-solid: var(--wall-core-color-red-700);
  --wall-color-status-error-on-solid: var(--wall-core-color-white);
  --wall-color-status-info-text: var(--wall-core-color-blue-700);
  --wall-color-status-info-bg: var(--wall-core-color-blue-50);
  --wall-color-status-info-solid: var(--wall-core-color-blue-700);
  --wall-color-status-info-on-solid: var(--wall-core-color-white);
  --wall-color-data-purchase-fg: var(--wall-core-color-amber-700);
  --wall-color-data-purchase-bg: var(--wall-core-color-amber-50);
  --wall-color-data-cashback-bg: var(--wall-brand-color-navy);
  --wall-color-external-whatsapp: var(--wall-core-color-external-whatsapp);
  --wall-button-primary-radius: var(--wall-core-radius-md);
  --wall-button-primary-padding-x: var(--wall-core-space-5);
  --wall-button-primary-padding-y: var(--wall-core-space-3);
  --wall-button-primary-font-weight: var(--wall-core-font-weight-semibold);
  --wall-input-radius: var(--wall-core-radius-md);
  --wall-card-radius: var(--wall-core-radius-lg);
  --wall-card-shadow: var(--wall-core-shadow-sm);
  --wall-chip-radius: var(--wall-core-radius-pill);
  --wall-color-action-focus: var(--wall-color-action-strong);
  --wall-color-data-cashback-fg: var(--wall-color-accent-default);
  --wall-color-data-debit-fg: var(--wall-color-status-error-text);
  --wall-color-data-debit-bg: var(--wall-color-status-error-bg);
  --wall-button-primary-bg: var(--wall-color-action-primary-bg);
  --wall-button-primary-bg-hover: var(--wall-color-action-primary-bg-hover);
  --wall-button-primary-bg-pressed: var(--wall-color-action-primary-bg-pressed);
  --wall-button-primary-fg: var(--wall-color-action-primary-fg);
  --wall-button-secondary-bg: var(--wall-color-surface-default);
  --wall-button-secondary-fg: var(--wall-color-action-strong);
  --wall-button-secondary-border: var(--wall-color-action-strong);
  --wall-button-text-fg: var(--wall-color-action-strong);
  --wall-input-bg: var(--wall-color-surface-default);
  --wall-input-fg: var(--wall-color-text-primary);
  --wall-input-border: var(--wall-color-border-input);
  --wall-input-placeholder: var(--wall-color-text-secondary);
  --wall-card-bg: var(--wall-color-surface-raised);
  --wall-card-border: var(--wall-color-border-subtle);
  --wall-chip-bg: var(--wall-color-accent-subtle);
  --wall-chip-fg: var(--wall-color-accent-on-subtle);
  --wall-chip-success-bg: var(--wall-color-status-success-bg);
  --wall-chip-success-fg: var(--wall-color-status-success-text);
  --wall-chip-warning-bg: var(--wall-color-status-warning-bg);
  --wall-chip-warning-fg: var(--wall-color-status-warning-text);
  --wall-chip-error-bg: var(--wall-color-status-error-bg);
  --wall-chip-error-fg: var(--wall-color-status-error-text);
  --wall-chip-info-bg: var(--wall-color-status-info-bg);
  --wall-chip-info-fg: var(--wall-color-status-info-text);
  --wall-banner-success-bg: var(--wall-color-status-success-bg);
  --wall-banner-success-fg: var(--wall-color-status-success-text);
  --wall-banner-success-border: var(--wall-color-status-success-solid);
  --wall-banner-warning-bg: var(--wall-color-status-warning-bg);
  --wall-banner-warning-fg: var(--wall-color-status-warning-text);
  --wall-banner-warning-border: var(--wall-color-status-warning-solid);
  --wall-banner-error-bg: var(--wall-color-status-error-bg);
  --wall-banner-error-fg: var(--wall-color-status-error-text);
  --wall-banner-error-border: var(--wall-color-status-error-solid);
  --wall-banner-info-bg: var(--wall-color-status-info-bg);
  --wall-banner-info-fg: var(--wall-color-status-info-text);
  --wall-banner-info-border: var(--wall-color-status-info-solid);
  --wall-link-on-status-info: var(--wall-color-status-info-text);
  --wall-link-on-accent-subtle: var(--wall-color-accent-on-subtle);
  --wall-table-header-bg: var(--wall-color-surface-canvas);
  --wall-table-header-fg: var(--wall-color-text-primary);
  --wall-table-row-border: var(--wall-color-border-faint);
  --wall-table-row-hover-bg: var(--wall-color-accent-subtle);
  --wall-nav-bg: var(--wall-color-surface-nav);
  --wall-nav-fg: var(--wall-color-text-on-nav);
  --wall-nav-active-fg: var(--wall-color-text-on-nav-active);
  --wall-nav-item-hover-bg: var(--wall-color-surface-nav-hover);
  --wall-input-border-focus: var(--wall-color-action-focus);
}

/* tema: dark */
[data-bs-theme="dark"] {
  --wall-color-surface-canvas: var(--wall-core-color-night-950);
  --wall-color-surface-default: var(--wall-brand-color-navy);
  --wall-color-surface-raised: var(--wall-core-color-night-800);
  --wall-color-surface-inverse: var(--wall-core-color-white);
  --wall-color-surface-nav: var(--wall-core-color-night-950);
  --wall-color-surface-nav-hover: var(--wall-core-color-night-800);
  --wall-color-text-primary: var(--wall-core-color-white);
  --wall-color-text-secondary: var(--wall-core-color-mist-300);
  --wall-color-text-disabled: var(--wall-core-color-mist-500);
  --wall-color-text-on-inverse: var(--wall-brand-color-navy);
  --wall-color-text-on-nav: var(--wall-core-color-white);
  --wall-color-text-on-nav-active: var(--wall-brand-dark-action-strong);
  --wall-color-text-link: var(--wall-brand-dark-action-strong);
  --wall-color-action-strong: var(--wall-brand-dark-action-strong);
  --wall-color-action-primary-bg: var(--wall-brand-dark-primary-bg);
  --wall-color-action-primary-bg-hover: var(--wall-brand-dark-primary-bg-hover);
  --wall-color-action-primary-bg-pressed: var(--wall-brand-dark-primary-bg-pressed);
  --wall-color-action-primary-fg: var(--wall-brand-dark-on-primary);
  --wall-color-accent-default: var(--wall-brand-color-signature);
  --wall-color-accent-subtle: var(--wall-brand-dark-accent-subtle);
  --wall-color-accent-on-subtle: var(--wall-brand-dark-on-accent-subtle);
  --wall-color-border-subtle: var(--wall-core-color-night-700); /** Decorativa (WCAG 1.4.11 nao se aplica) */
  --wall-color-border-faint: var(--wall-core-color-night-800); /** Decorativa */
  --wall-color-border-input: var(--wall-core-color-mist-400); /** Componente de UI: minimo 3:1 */
  --wall-color-status-success-text: var(--wall-core-color-green-300);
  --wall-color-status-success-bg: var(--wall-core-color-green-950);
  --wall-color-status-success-solid: var(--wall-core-color-green-300);
  --wall-color-status-success-on-solid: var(--wall-brand-color-navy);
  --wall-color-status-warning-text: var(--wall-core-color-amber-300);
  --wall-color-status-warning-bg: var(--wall-core-color-amber-950);
  --wall-color-status-warning-solid: var(--wall-core-color-amber-300);
  --wall-color-status-warning-on-solid: var(--wall-brand-color-navy);
  --wall-color-status-error-text: var(--wall-core-color-red-300);
  --wall-color-status-error-bg: var(--wall-core-color-red-950);
  --wall-color-status-error-solid: var(--wall-core-color-red-300);
  --wall-color-status-error-on-solid: var(--wall-brand-color-navy);
  --wall-color-status-info-text: var(--wall-core-color-blue-300);
  --wall-color-status-info-bg: var(--wall-core-color-blue-950);
  --wall-color-status-info-solid: var(--wall-core-color-blue-300);
  --wall-color-status-info-on-solid: var(--wall-brand-color-navy);
  --wall-color-data-purchase-fg: var(--wall-core-color-amber-300);
  --wall-color-data-purchase-bg: var(--wall-core-color-amber-950);
  --wall-color-data-cashback-bg: var(--wall-core-color-night-800);
  --wall-color-external-whatsapp: var(--wall-core-color-external-whatsapp);
  --wall-color-action-focus: var(--wall-color-action-strong);
  --wall-color-data-cashback-fg: var(--wall-color-accent-default);
  --wall-color-data-debit-fg: var(--wall-color-status-error-text);
  --wall-color-data-debit-bg: var(--wall-color-status-error-bg);
  --wall-button-primary-bg: var(--wall-color-action-primary-bg);
  --wall-button-primary-bg-hover: var(--wall-color-action-primary-bg-hover);
  --wall-button-primary-bg-pressed: var(--wall-color-action-primary-bg-pressed);
  --wall-button-primary-fg: var(--wall-color-action-primary-fg);
  --wall-button-secondary-bg: var(--wall-color-surface-default);
  --wall-button-secondary-fg: var(--wall-color-action-strong);
  --wall-button-secondary-border: var(--wall-color-action-strong);
  --wall-button-text-fg: var(--wall-color-action-strong);
  --wall-input-bg: var(--wall-color-surface-default);
  --wall-input-fg: var(--wall-color-text-primary);
  --wall-input-border: var(--wall-color-border-input);
  --wall-input-placeholder: var(--wall-color-text-secondary);
  --wall-card-bg: var(--wall-color-surface-raised);
  --wall-card-border: var(--wall-color-border-subtle);
  --wall-chip-bg: var(--wall-color-accent-subtle);
  --wall-chip-fg: var(--wall-color-accent-on-subtle);
  --wall-chip-success-bg: var(--wall-color-status-success-bg);
  --wall-chip-success-fg: var(--wall-color-status-success-text);
  --wall-chip-warning-bg: var(--wall-color-status-warning-bg);
  --wall-chip-warning-fg: var(--wall-color-status-warning-text);
  --wall-chip-error-bg: var(--wall-color-status-error-bg);
  --wall-chip-error-fg: var(--wall-color-status-error-text);
  --wall-chip-info-bg: var(--wall-color-status-info-bg);
  --wall-chip-info-fg: var(--wall-color-status-info-text);
  --wall-banner-success-bg: var(--wall-color-status-success-bg);
  --wall-banner-success-fg: var(--wall-color-status-success-text);
  --wall-banner-success-border: var(--wall-color-status-success-solid);
  --wall-banner-warning-bg: var(--wall-color-status-warning-bg);
  --wall-banner-warning-fg: var(--wall-color-status-warning-text);
  --wall-banner-warning-border: var(--wall-color-status-warning-solid);
  --wall-banner-error-bg: var(--wall-color-status-error-bg);
  --wall-banner-error-fg: var(--wall-color-status-error-text);
  --wall-banner-error-border: var(--wall-color-status-error-solid);
  --wall-banner-info-bg: var(--wall-color-status-info-bg);
  --wall-banner-info-fg: var(--wall-color-status-info-text);
  --wall-banner-info-border: var(--wall-color-status-info-solid);
  --wall-link-on-status-info: var(--wall-color-status-info-text);
  --wall-link-on-accent-subtle: var(--wall-color-accent-on-subtle);
  --wall-table-header-bg: var(--wall-color-surface-canvas);
  --wall-table-header-fg: var(--wall-color-text-primary);
  --wall-table-row-border: var(--wall-color-border-faint);
  --wall-table-row-hover-bg: var(--wall-color-accent-subtle);
  --wall-nav-bg: var(--wall-color-surface-nav);
  --wall-nav-fg: var(--wall-color-text-on-nav);
  --wall-nav-active-fg: var(--wall-color-text-on-nav-active);
  --wall-nav-item-hover-bg: var(--wall-color-surface-nav-hover);
  --wall-input-border-focus: var(--wall-color-action-focus);
}