/* Design tokens from custom purple-teal palette */
:root{
  --design-bg:#FFFFFF;
  --design-surface:#FFFFFF;
  --design-surface-soft:#F7F1FA;
  --design-input:#FFFFFF;
  --design-border:#D9E8F1;
  --design-border-strong:#B9D5E7;
  --design-ink:#111827;
  --design-muted:#4B5563;
  --design-primary:#00008E;
  --design-primary-dark:#111827;
  --design-accent:#3AA18F;
  --design-blue-soft:#EAF7FF;
  --design-teal-soft:#EAFCEB;
  --design-danger:#EF4444;
  --design-danger-dark:#C2413A;
  --design-radius-sm:10px;
  --design-radius-md:12px;
  --design-radius-lg:16px;
  --design-shadow:0 18px 42px -30px rgba(0,0,142,.28);
  --design-focus:0 0 0 3px rgba(0,0,142,.12);
}

body{
  background:
    radial-gradient(920px 420px at -8% -12%, rgba(125,211,252,.34), transparent 62%),
    radial-gradient(760px 360px at 108% 0%, rgba(58,161,143,.16), transparent 66%),
    var(--design-bg);
  color:var(--design-ink);
  font-size:15px;
}

h1,h2,h3,
.ticket-type,
.summary-metric-value,
.payment-total,
.summary-mini-ring span{
  font-family:'Space Grotesk',system-ui,sans-serif;
}

@media(max-width:760px){
  body{font-size:14px;}
  .app{padding-left:12px;padding-right:12px;}
}