@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;700;800&display=swap');

/* Global Styles overrides */
body {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  min-height: 100%;
}

.font-mono {
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace !important;
}

/* Custom scroll transitions and helpers */
html {
  scroll-behavior: smooth;
  height: 100%;
}

/* Base style resets */
::selection {
  background-color: #ffedd5; /* orange-100 */
  color: #ff6b35; /* orange hover */
}

/* Glassmorphism custom components */
.glass-panel {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}

.dark-glass-panel {
  background: rgba(26, 26, 26, 0.85);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}

/* Printing styles for Invoice component */
@media print {
  .no-print {
    display: none !important;
  }
  body {
    background: white !important;
    margin: 0 !important;
  }
  main {
    padding: 0 !important;
  }
  nav, footer, header {
    display: none !important;
  }
  .invoice-render {
    box-shadow: none !important;
    border-radius: 0 !important;
    border: none !important;
    min-height: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
}