/* styles.css - Matching Next.js Design System exactly */
:root {
  --foreground-rgb: 15, 23, 42;
  --background-rgb: 248, 250, 252;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Number plate styling inspired by high security vehicle plates */
.hsrp-plate {
  background: #ffffff;
  border: 3px solid #111827;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  font-family: 'Courier New', Courier, monospace, monospace;
  font-weight: 800;
  letter-spacing: 0.12em;
  user-select: none;
}

/* Print specific optimizations */
@media print {
  body {
    background: #ffffff !important;
    color: #000000 !important;
  }

  .no-print {
    display: none !important;
  }

  .print-only {
    display: block !important;
  }

  .print-sheet {
    display: block !important;
    page-break-after: always;
  }

  @page {
    margin: 8mm;
    size: auto;
  }
}