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

:root {
  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-secondary: #64748b;
  --color-background: #f8fafc;
  --color-surface: #ffffff;
  --color-text: #1e293b;
  --color-text-muted: #64748b;
  --color-error: #dc2626;
  --color-success: #16a34a;
  --color-border: #e2e8f0;
}

body {
  background-color: var(--color-background);
  color: var(--color-text);
  font-family: system-ui, -apple-system, sans-serif;
}

@media print {
  body {
    background: white !important;
    color: black !important;
    font-size: 12pt;
  }

  .print\:hidden {
    display: none !important;
  }

  .print\:block {
    display: block !important;
  }

  nav,
  aside,
  button[class*="print:hidden"],
  [data-testid="vehicle-actions"],
  [data-testid="vehicle-images"],
  [data-testid="upload-image-button"],
  [data-testid="delete-button"],
  [data-testid="vehicle-filters"],
  [data-testid="vehicle-pagination"] {
    display: none !important;
  }

  [data-testid="vehicle-detail-fields"] {
    border: 1px solid #ccc !important;
    padding: 16px !important;
  }

  [data-testid="vehicle-detail-fields"] dt {
    font-weight: bold !important;
    color: #333 !important;
  }

  [data-testid="vehicle-detail-fields"] dd {
    color: black !important;
  }

  h1[data-testid="vehicle-detail-title"] {
    font-size: 18pt !important;
    color: black !important;
  }

  a {
    text-decoration: none !important;
    color: black !important;
  }

  .bg-surface {
    background: white !important;
  }

  .border-border {
    border-color: #ccc !important;
  }

  .text-text-muted {
    color: #555 !important;
  }

  .text-text {
    color: black !important;
  }
}