/* RCSpotter shared theme tokens — dark + light. Map excluded; use on admin, pilot, club pages. */

@import url("rcs-btn-tactile.css?v=0.2.844");

/* Home-indicator / nav-bar inset. In-app WebView is already laid out above the system bars. */
:root {
  --rcs-safe-bottom: env(safe-area-inset-bottom, 0px);
}

html.rcs-client-app,
body.rcs-footer-embed {
  --rcs-safe-bottom: 0px;
  --rcs-safe-top: 0px;
}

:root,
[data-theme="dark"] {
  color-scheme: dark;
  --rcs-brand-red: #dd0206;
  --rcs-brand-charcoal: #0e0f0e;
  --rcs-bg: #070d18;
  --rcs-sidebar: #0b1220;
  --rcs-panel: #111827;
  --rcs-input-bg: #0f172a;
  --rcs-btn-bg: #1f2937;
  --rcs-border: rgba(255, 255, 255, 0.08);
  --rcs-text: #f9fafb;
  --rcs-muted: #9ca3af;
  --rcs-link: #93c5fd;
  --rcs-accent: var(--rcs-brand-red);
  --rcs-accent-dim: rgba(221, 2, 6, 0.16);
  --rcs-accent-text: #fca5a5;
  --rcs-accent-btn-text: #ffffff;
  --rcs-status: #22c55e;
  --rcs-status-dim: rgba(34, 197, 94, 0.15);
  --rcs-status-text: #86efac;
  --rcs-warn: #fbbf24;
  --rcs-danger: #f87171;
  --rcs-danger-bg: rgba(127, 29, 29, 0.35);
  --rcs-success: #86efac;
  --rcs-error: #fecaca;
  --rcs-pill-bg: #374151;
  --rcs-hover: rgba(255, 255, 255, 0.04);
  --rcs-shadow: rgba(0, 0, 0, 0.25);
  --rcs-bar-top: var(--rcs-brand-red);
  --rcs-bar-bottom: #991b1b;
  --rcs-meta-theme: #0b1220;
}

[data-theme="light"] {
  color-scheme: light;
  --rcs-bg: #f1f5f9;
  --rcs-sidebar: #ffffff;
  --rcs-panel: #ffffff;
  --rcs-input-bg: #f8fafc;
  --rcs-btn-bg: #e2e8f0;
  --rcs-border: rgba(15, 23, 42, 0.12);
  --rcs-text: #0f172a;
  --rcs-muted: #64748b;
  --rcs-link: #2563eb;
  --rcs-accent: var(--rcs-brand-red);
  --rcs-accent-dim: rgba(221, 2, 6, 0.1);
  --rcs-accent-text: #b91c1c;
  --rcs-accent-btn-text: #ffffff;
  --rcs-status: #16a34a;
  --rcs-status-dim: rgba(22, 163, 74, 0.12);
  --rcs-status-text: #15803d;
  --rcs-warn: #d97706;
  --rcs-danger: #b91c1c;
  --rcs-danger-bg: rgba(254, 226, 226, 0.9);
  --rcs-success: #15803d;
  --rcs-error: #b91c1c;
  --rcs-pill-bg: #e2e8f0;
  --rcs-hover: rgba(15, 23, 42, 0.04);
  --rcs-shadow: rgba(15, 23, 42, 0.08);
  --rcs-bar-top: var(--rcs-brand-red);
  --rcs-bar-bottom: #991b1b;
  --rcs-meta-theme: #f8fafc;
}

/* Classic green accent preset (footer toggle) */
[data-accent="classic"] {
  --rcs-accent: #22c55e;
  --rcs-accent-dim: rgba(34, 197, 94, 0.15);
  --rcs-accent-text: #86efac;
  --rcs-accent-btn-text: #052e16;
  --rcs-bar-top: #22c55e;
  --rcs-bar-bottom: #15803d;
}

[data-theme="light"][data-accent="classic"] {
  --rcs-accent: #16a34a;
  --rcs-accent-dim: rgba(22, 163, 74, 0.12);
  --rcs-accent-text: #15803d;
  --rcs-accent-btn-text: #ffffff;
  --rcs-bar-top: #22c55e;
  --rcs-bar-bottom: #16a34a;
}

/* Preference controls (theme + language toggles) */
.rcs-prefs {
  display: flex;
  gap: 6px;
  align-items: center;
  margin-bottom: 12px;
}
.rcs-prefs .rcs-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 10px;
  border: 1px solid var(--rcs-border);
  background: var(--rcs-input-bg);
  color: var(--rcs-text);
  font: inherit;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.rcs-prefs .rcs-toggle-btn:hover {
  background: var(--rcs-hover);
  border-color: var(--rcs-muted);
}
.rcs-prefs .rcs-toggle-btn.rcs-lang-toggle {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.rcs-prefs .rcs-toggle-btn.rcs-accent-toggle {
  font-size: 14px;
  font-weight: 800;
}
.rcs-prefs .rcs-toggle-btn.rcs-accent-toggle.is-classic {
  color: #22c55e;
}
.rcs-prefs .rcs-toggle-btn.rcs-accent-toggle.is-brand {
  color: #dd0206;
}