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

/* Theme variables (kept from index.html) */
:root { font-family: Inter, sans-serif; }
.theme-orange { --color-primary-500: #f97316; }
.theme-sky { --color-primary-500: #0ea5e9; }
.theme-emerald { --color-primary-500: #10b981; }
.theme-violet { --color-primary-500: #8b5cf6; }

/* Print styles for receipts */
@media print {
  /* Hide everything by default when printing */
  body * {
    visibility: hidden;
  }
  
  /* Show only the printable area */
  .printable-area {
    visibility: visible !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
  }
  
  /* Hide non-printable elements */
  .no-print, .no-print * {
    display: none !important;
  }
  
  /* Thermal receipt specific styles */
  .thermal-receipt {
    visibility: visible !important;
    width: 280px !important;
    margin: 0 auto !important;
    font-family: monospace !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    background: white !important;
    color: black !important;
    padding: 8px !important;
  }
  
  /* Ensure thermal receipt fits thermal paper */
  @page {
    margin: 0;
    size: 80mm 297mm; /* Thermal paper size */
  }
  
  /* Override any conflicting styles */
  .thermal-receipt * {
    visibility: visible !important;
    color: black !important;
    background: white !important;
  }
}