@import url("./components/analytics-consent.css");
/* Shared defaults for public embeds. Keep all color values in this file. */
:root {
  color-scheme: light;
  --bg: #f7f8fb;
  --panel: #ffffff;
  --surface-soft: #eef3f5;
  --surface-code: #fafafa;
  --surface-badge: #f1f4f8;
  --text: #1f2937;
  --muted: #667085;
  --border: #d9dee8;
  --accent: #752062;
  --accent-strong: #752062;
  --on-accent: #ffffff;
  --attention: #c2410c;
  --attention-hover: #9a3412;
  --error-text: var(--attention);
  --focus-ring: var(--accent);
  --up: #12805c;
  --down: #c24132;
  --down-border: rgba(194, 65, 50, 0.45);
  --unknown: #8a6d1f;
  --paused: #667085;
  --delayed: #8a6d1f;
  --maintenance: #526aa0;
  --maintenance-surface: #edf1fa;
  --on-status: #ffffff;
  --modal-shadow: rgba(31, 41, 55, 0.24);
  --modal-backdrop: rgba(31, 41, 55, 0.45);
}

/* UptimeOwl admin + login palette. Edit here to retheme every admin component.
   Service-status tokens stay separate from brand and action colors. */
.adminTheme {
  --brand-midnight: #14243b;
  --brand-midnight-strong: #0c1829;
  --brand-amber: #f2b544;
  --brand-amber-strong: #a65d08;
  --brand-amber-hover: #854708;

  --bg: #f4f6fa;
  --panel: #ffffff;
  --surface-soft: #eaf0f6;
  --surface-code: #f5f7fa;
  --surface-badge: var(--surface-soft);
  --text: var(--brand-midnight);
  --muted: #5c6c80;
  --border: #d5deea;
  --accent: var(--brand-midnight);
  --accent-strong: var(--brand-midnight-strong);
  --attention: var(--brand-amber-strong);
  --attention-hover: var(--brand-amber-hover);
  --error-text: var(--attention);
  --focus-ring: var(--brand-amber-strong);
  --header-bg: var(--brand-midnight);
  --header-text: var(--on-accent);
  --header-muted: #c6d2e3;
  --header-accent: var(--brand-amber);
  --modal-shadow: rgba(12, 24, 41, 0.24);
  --modal-backdrop: rgba(12, 24, 41, 0.55);
  --login-surface: #fbfaf7;
  --login-glow: rgba(242, 181, 68, 0.11);
  --login-line: rgba(242, 181, 68, 0.2);
  --login-note-bg: #20334b;
  --login-note-border: rgba(198, 210, 227, 0.18);
  --login-error-bg: #fff3dc;
  --feedback-success-bg: #e6f3ec;
  --feedback-success-text: #24583d;
  --feedback-success-border: #add4bc;
  --feedback-error-bg: #f9eaea;
  --feedback-error-text: #843d43;
  --feedback-error-border: #e4b7bb;
}

/* Public widget tokens are isolated for future per-widget branding. */
.embedBody {
  --text: #14243b;
  --accent: #14243b;
  --focus-ring: #a65d08;
  --embed-amber: #f2b544;
  --embed-surface: #f7f9fc;
  --embed-up-surface: #eaf5ef;
  --embed-down-surface: #fbefed;
  --embed-unknown-surface: #f6f2e7;
}