/* notice.css — Announcement/Emergency banner (uses theme tokens) */

.site-notice{
  position: relative;
  z-index: 1050;
  color: #fff;
  --bg1: var(--brand-900);
  --bg2: var(--brand);
  background: linear-gradient(90deg, var(--bg1), var(--bg2));
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.site-notice .container { padding-block: .4rem; }

.site-notice .notice__text{
  display: flex; align-items: center; gap: .5rem;
  font-weight: 600;
}
.site-notice .notice__dot{
  width: .6rem; height: .6rem; border-radius: 50%;
  background: #fff; opacity: .9; display: inline-block;
  box-shadow: 0 0 0 3px rgba(255,255,255,.18);
}
.site-notice .notice__link{
  color: #fff; text-decoration: underline;
}
.site-notice .notice__link:hover{ text-decoration-thickness: 2px; }
.site-notice .notice__close{
  appearance: none; border: 0; background: transparent;
  color: #fff; font-size: 1.25rem; line-height: 1;
  opacity: .8; padding: .25rem .5rem; border-radius: .5rem;
}
.site-notice .notice__close:hover{ opacity: 1; }

/* Severities */
.notice--info    { --bg1: var(--brand-900); --bg2: var(--brand); }
.notice--success { --bg1: #14532D; --bg2: #22C55E; }
.notice--warning { --bg1: #7C2D12; --bg2: #D97706; }
.notice--danger  { --bg1: #7F1D1D; --bg2: #DC2626; }