/* party.css — retro system styles for drop-in widgets and scaffold pages */
/* These complement the inline styles injected by party.js */

:root {
  --accent-yellow: #fcde5a;
  --accent-green:  #c0dd97;
  --accent-amber:  #fac775;
  --accent-pink:   #f7c1c1;
  --ink:           #1a1a1a;
  --ink-soft:      #666;
  --ink-muted:     #999;
  --paper:         #f4ecd8;
  --white:         #ffffff;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --font-serif: "Times New Roman", Georgia, serif;
}

/* RSVP buttons row */
.party-rsvp-btns {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Guest avatar name tooltip */
.party-avatar-tile[data-name]:focus::after,
.party-avatar-tile[data-name]:hover::after {
  content: attr(data-name);
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  background: var(--ink);
  color: var(--white);
  font-family: var(--font-mono);
  font-size: 10px;
  padding: 4px 8px;
  white-space: nowrap;
  z-index: 10;
  pointer-events: none;
}

/* Floating pill hover glow */
#party-floating-pill:hover {
  filter: brightness(1.05);
}

/* Calendar buttons in scaffold */
[data-party-widget="calendar"] a {
  text-decoration: none;
}