/* ============================================================
   neuromorphic.css — Theme Neuromorphic (topografia sutil)
   Filosofia: extrusão sóbria, contraste de texto FORTE.
   Inset+outset shadows sutis, cor quase mono.
   Ver: docs/handoff/casehub-templates/06-theme-spec.md §3
   ============================================================ */

[data-theme="neuromorphic"] {
  /* Surface — quase indistinguível do background (variação ≤4% luminance) */
  --surface-base: #e8e9ed;
  --surface-raised: #e8e9ed;
  --surface-overlay: #e8e9ed;
  --surface-sunken: #e8e9ed;
  --surface-inverse: #101014;

  /* Text — MAIS forte, não menos (compensar redução de contraste por extrusão) */
  --text-primary: #101014;
  --text-secondary: #3a3a40;
  --text-muted: #6d6d75;
  --text-on-accent: #ffffff;
  --text-link: #3a4a5c;

  /* Accent — minimal-saturação, azul-acinzentado */
  --accent: #3a4a5c;
  --accent-hover: #2d3a4a;
  --accent-active: #1f2a38;
  --accent-muted: rgba(58, 74, 92, 0.10);

  /* Status */
  --status-success: #2d6a4f;
  --status-success-bg: #e8e9ed;
  --status-warning: #92500c;
  --status-warning-bg: #e8e9ed;
  --status-danger: #9b2c2c;
  --status-danger-bg: #e8e9ed;
  --status-info: #1e4d72;
  --status-info-bg: #e8e9ed;

  /* Border — invisível por design (forma vem das sombras) */
  --border-subtle: transparent;
  --border-default: transparent;
  --border-strong: transparent;
  --border-focus: #3a4a5c;

  /* Elevation — inset+outset sutis */
  --elevation-0: inset 1px 1px 2px rgba(163, 166, 174, 0.4), inset -1px -1px 2px rgba(255, 255, 255, 0.7);
  --elevation-1: 4px 4px 10px rgba(163, 166, 174, 0.55), -4px -4px 10px rgba(255, 255, 255, 0.9);
  --elevation-2: 6px 6px 14px rgba(163, 166, 174, 0.55), -6px -6px 14px rgba(255, 255, 255, 0.9);
  --elevation-3: 10px 10px 24px rgba(163, 166, 174, 0.6), -10px -10px 24px rgba(255, 255, 255, 0.9);

  background: var(--surface-base);
  min-height: 100vh;
}

/* Neuromorphic-specific: inputs sunken (parecem deprimidos no surface) */
[data-theme="neuromorphic"] input[type="email"],
[data-theme="neuromorphic"] input[type="password"],
[data-theme="neuromorphic"] input[type="text"],
[data-theme="neuromorphic"] input[type="search"],
[data-theme="neuromorphic"] textarea {
  background: var(--surface-sunken);
  box-shadow: inset 2px 2px 5px rgba(163, 166, 174, 0.55), inset -2px -2px 5px rgba(255, 255, 255, 0.9);
  border: none;
}

/* Neuromorphic-specific: cards com elevation forte (raised) */
[data-theme="neuromorphic"] .auth-card,
[data-theme="neuromorphic"] .card {
  box-shadow: 8px 8px 20px rgba(163, 166, 174, 0.55), -8px -8px 20px rgba(255, 255, 255, 0.9);
  border: none;
}

/* Neuromorphic-specific: botões raised (extruídos) */
[data-theme="neuromorphic"] .btn--primary,
[data-theme="neuromorphic"] button[type="submit"] {
  box-shadow: 4px 4px 10px rgba(163, 166, 174, 0.55), -4px -4px 10px rgba(255, 255, 255, 0.9);
}

/* Neuromorphic-specific: foco usa border solid (inset não combina com box-shadow do theme) */
[data-theme="neuromorphic"] *:focus-visible {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
  box-shadow: none !important;
}