/* Shared base for design-system preview cards.
   Each card is ~700px wide; height varies by content. */
@import url('../colors_and_type.css');

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  background: var(--innova-ink);
  color: var(--innova-fg-1);
  font-family: var(--innova-font-body);
  font-size: 14px;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
}

.card {
  position: relative;
  width: 700px;
  padding: 28px;
  background: var(--innova-deep);
  overflow: hidden;
}

.card.tight   { padding: 20px 24px; }
.card.glow::before {
  content: '';
  position: absolute; inset: -1px;
  background: var(--innova-grad-glow);
  pointer-events: none;
}

.eyebrow {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--innova-cyan);
  margin-bottom: 10px;
}