@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .panel-shell {
    border-radius: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(8px);
    box-shadow:
      0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -2px rgba(0, 0, 0, 0.1);
  }
  .dark .panel-shell {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(55, 65, 81, 0.4);
  }
}
