/* LinkQuest consent banner – Web layout tokens (Flutter Web mirrors in consent_banner_theme.dart) */
:root {
  --lq-consent-max-width: 560px;
  --lq-consent-panel-radius: 16px;
  --lq-consent-panel-padding: 24px;
  --lq-consent-outer-padding: 24px;
  --lq-consent-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
  --lq-consent-backdrop: rgba(0, 0, 0, 0.55);
  --lq-consent-surface: rgba(18, 18, 18, 0.97);
  --lq-consent-border: rgba(191, 196, 207, 0.45);
}

@media (max-width: 600px) {
  :root {
    --lq-consent-max-width: 100%;
    --lq-consent-panel-radius: 14px;
    --lq-consent-panel-padding: 20px;
    --lq-consent-outer-padding: 16px;
  }
}

/* Reserved for future static HTML legal/consent overlays on web */
.lq-consent-backdrop {
  background: var(--lq-consent-backdrop);
}

.lq-consent-panel {
  max-width: var(--lq-consent-max-width);
  border-radius: var(--lq-consent-panel-radius);
  padding: var(--lq-consent-panel-padding);
  background: var(--lq-consent-surface);
  border: 1px solid var(--lq-consent-border);
  box-shadow: var(--lq-consent-shadow);
}