/* Shared preview-card styles for VIN Design System.
   Each card renders at 700×height in the Design System tab. */
@import url('../colors_and_type.css');

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  background: #F7F7F7;
  font-family: 'ProximaNova', 'Helvetica Neue', Arial, sans-serif;
  color: #002855;
  -webkit-font-smoothing: antialiased;
}
.card {
  width: 700px;
  padding: 20px 24px;
  background: #FFFFFF;
  border-bottom: 1px solid #C9D2DD;
}
.card.dark { background: #002855; color: #F7F7F7; }
.row { display: flex; gap: 12px; align-items: center; }
.col { display: flex; flex-direction: column; gap: 8px; }
.mono { font-family: 'Courier New', monospace; font-size: 11px; color: #4D6995; letter-spacing: 0; }
.overline { font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #4D6995; }
.label { font-size: 12px; color: #4D6995; }