/**
 * Mimibliss Theme — Claro (Light Mode)
 * Paleta: rosa algodão + azul pastel + creme amanteigado
 * Inspiração: mascote, confeitaria delicada, conforto afetivo
 */

.theme-mimibliss {
  /* Backgrounds */
  --q11-bg-primary: #fffaf6;
  --q11-bg-secondary: #fff2ec;
  --q11-bg-tertiary: #ffe8f1;

  /* Sidebar */
  --q11-sidebar-bg: #fffdfb;
  --q11-sidebar-border: rgba(255, 151, 180, 0.12);
  --q11-sidebar-accent: #ff97b4;
  --q11-sidebar-text-muted: #826d67;

  --q11-sidebar-logo-collapsed-size: 40px;
  --q11-sidebar-collapsed-width: 80px;
  --q11-sidebar-logo-full-width: 112px;
  --q11-sidebar-logo-full-height: 72px;

  /* Tipografia */
  --q11-text-primary: #4d342d;
  --q11-text-secondary: #7a6258;
  --q11-text-muted: #b3958c;

  /* Acentos */
  --q11-accent: #ff97b4;
  --q11-accent-hover: #ff7ca0;
  --q11-on-accent: #ffffff;
  --q11-sidebar-toggle-bg: var(--q11-bg-secondary);
  --q11-sidebar-toggle-bg-hover: var(--q11-bg-tertiary);
  --q11-sidebar-toggle-border: var(--q11-border);
  --q11-sidebar-toggle-color: var(--q11-accent);
  --q11-sidebar-toggle-color-hover: var(--q11-accent-hover);

  --mimi-blue: #87d0ff;
  --mimi-blue-strong: #69c1fb;
  --mimi-brown: #be8455;
  --mimi-brown-light: #e5b27e;
  --mimi-brown-dark: #915d38;

  /* Borders */
  --q11-border: rgba(181, 133, 118, 0.16);
  --q11-border-focus: #ff97b4;
  --q11-bg-muted: color-mix(in srgb, var(--q11-bg-secondary) 82%, var(--q11-bg-primary));
  --q11-list-table-row-hover-bg: color-mix(in srgb, var(--q11-accent) 8%, var(--q11-bg-secondary));

  /* Cards */
  --q11-card-bg: #fffdfb;
  --q11-card-shadow: 0 14px 30px rgba(255, 151, 180, 0.12);

  /* Feedback colors */
  --q11-toast-success-bg: #d4edda;
  --q11-toast-success-color: #155724;
  --q11-toast-warning-bg: #fff3cd;
  --q11-toast-warning-color: #856404;
  --q11-toast-error-bg: #f8d7da;
  --q11-toast-error-color: #721c24;
  --q11-toast-info-bg: #e5f6ff;
  --q11-toast-info-color: #5b96c5;
  --q11-danger: #d86b77;
  --q11-danger-hover: #c75966;
  --q11-on-danger: #ffffff;

  /* Form system */
  --q11-form-grid-gap: var(--q11-space-md);
  --q11-form-row-gap: var(--q11-space-md);
  --q11-form-row-gap-wide: var(--q11-space-lg);
  --q11-form-field-gap: 6px;
  --q11-form-label-color: var(--q11-text-muted);
  --q11-form-label-font-family: var(--q11-font-family);
  --q11-form-label-font-size: 11px;
  --q11-form-label-font-weight: 800;
  --q11-form-label-letter-spacing: 0.08em;
  --q11-form-label-text-transform: uppercase;
  --q11-form-control-bg: var(--q11-bg-primary);
  --q11-form-control-color: var(--q11-text-primary);
  --q11-form-control-border: var(--q11-border);
  --q11-form-control-focus-border: color-mix(in srgb, #ff97b4 45%, #f0d7d0);
  --q11-form-control-focus-ring: color-mix(in srgb, #ff97b4 16%, transparent);
  --q11-form-control-readonly-bg: color-mix(in srgb, #b3958c 8%, #fff2ec);
  --q11-form-control-readonly-color: var(--q11-text-secondary);
  --q11-form-control-invalid-border: var(--q11-danger);
  --q11-form-control-height: 44px;
  --q11-form-control-padding-y: 0.5rem;
  --q11-form-control-padding-x: 0.75rem;
  --q11-form-control-font-family: var(--q11-font-family);
  --q11-form-control-font-size: var(--q11-font-size-sm);
  --q11-form-control-line-height: 1.35;
  --q11-form-textarea-min-height: 96px;
  --q11-form-help-color: var(--q11-text-muted);
  --q11-form-help-font-size: var(--q11-font-size-xs);
  --q11-form-error-color: var(--q11-danger);
  --q11-form-lock-color: var(--q11-accent);
  --q11-form-button-height: 44px;
  --q11-form-button-padding-x: var(--q11-space-lg);
  --q11-form-button-radius: var(--q11-radius-md);
  --q11-form-button-font-family: var(--q11-font-family);
  --q11-form-button-font-size: var(--q11-font-size-xs);
  --q11-form-button-font-weight: 800;
  --q11-form-button-letter-spacing: 0.08em;
  --q11-form-button-text-transform: uppercase;
  --q11-form-button-focus: var(--q11-border-focus);
  --q11-form-button-primary-bg: var(--q11-accent);
  --q11-form-button-primary-color: var(--q11-on-accent);
  --q11-form-button-primary-border: color-mix(in srgb, var(--q11-accent) 45%, transparent);
  --q11-form-button-primary-hover-bg: var(--q11-accent-hover);
  --q11-form-button-primary-hover-border: color-mix(in srgb, var(--q11-accent-hover) 50%, transparent);
  --q11-form-button-primary-shadow: 0 2px 8px color-mix(in srgb, var(--q11-accent) 28%, transparent);
  --q11-form-button-secondary-bg: transparent;
  --q11-form-button-secondary-color: var(--q11-text-primary);
  --q11-form-button-secondary-border: var(--q11-border);
  --q11-form-button-secondary-hover-bg: color-mix(in srgb, var(--q11-accent) 10%, transparent);
  --q11-form-button-secondary-hover-border: color-mix(in srgb, var(--q11-accent) 32%, var(--q11-border));

  /* Modal */
  --q11-modal-body-color: var(--q11-text-secondary);
  --q11-modal-surface-bg: var(--q11-card-bg);
  --q11-modal-title-color: var(--q11-text-primary);
}

/* Header refinement */
.theme-mimibliss ion-header.header-md {
  box-shadow: none;
}

.theme-mimibliss ion-header ion-toolbar {
  --border-width: 0;
}

/* Logo sizing */
.theme-mimibliss .shell-logo-img {
  height: 130px;
}
.theme-mimibliss .shell-header-logo-mobile {
  margin-right: 20px;
}
.theme-mimibliss .shell-header-logo-mobile q11-logo {
  height: 36px;
}