/* Spotter "soft wellness" skin for openGym — overrides openGym's design tokens only.
   Light = Spotter's own palette; Dark (when picked explicitly) = a sage-tinted night version.
   !important so openGym's [data-theme] / [data-accent] / inline accent rules can't win. */

:root {
  --bg: #121815 !important;
  --bg-el: #171e1a !important;
  --surface: #1d2521 !important;
  --surface-2: #26302b !important;
  --surface-3: #313c36 !important;
  --label: #eef3ef !important;
  --label-2: rgba(222, 234, 227, .62) !important;
  --label-3: rgba(222, 234, 227, .34) !important;
  --label-4: rgba(222, 234, 227, .18) !important;
  --sep: rgba(138, 160, 149, .30) !important;
  --sep-op: rgba(138, 160, 149, .20) !important;
  --green: #5cbf9e !important;
  --red: #e57a6a !important;
  --orange: #eeb058 !important;
  --pink: #f2a48c !important;
  --blue: #f2a48c !important;
  --acc: #5cbf9e !important;
  --acc-2: #4ca98b !important;
  --on-acc: #0d1a14 !important;
  --acc-soft: rgba(92, 191, 158, .16) !important;
  --acc-line: rgba(92, 191, 158, .38) !important;
  --r-card: 20px !important;
  --r: 13px !important;
  --r-lg: 18px !important;
  --sp-shadow: 0 8px 24px rgba(0, 0, 0, .28);
}

:root[data-theme="light"] {
  --bg: #f6f4f0 !important;
  --bg-el: #fbfaf7 !important;
  --surface: #ffffff !important;
  --surface-2: #f1efea !important;
  --surface-3: #e9e7e2 !important;
  --label: #1e2723 !important;
  --label-2: rgba(30, 39, 35, .60) !important;
  --label-3: rgba(30, 39, 35, .34) !important;
  --label-4: rgba(30, 39, 35, .16) !important;
  --sep: rgba(30, 39, 35, .12) !important;
  --sep-op: rgba(30, 39, 35, .09) !important;
  --green: #4ca98b !important;
  --red: #d95f4e !important;
  --orange: #e8a13c !important;
  --pink: #d97757 !important;
  --blue: #d97757 !important;
  --acc: #4ca98b !important;
  --acc-2: #2f8467 !important;
  --on-acc: #ffffff !important;
  --acc-soft: #ddf0e7 !important;
  --acc-line: rgba(76, 169, 139, .38) !important;
  --sp-shadow: 0 8px 24px rgba(31, 41, 36, .07);
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, system-ui, 'Segoe UI', Roboto, sans-serif;
  letter-spacing: 0;
}
:root[data-theme="light"] body {
  background:
    radial-gradient(120% 60% at 0% 0%, rgba(76, 169, 139, .10), transparent 55%),
    radial-gradient(120% 60% at 100% 100%, rgba(242, 164, 140, .12), transparent 55%),
    var(--bg);
}

/* Floating white cards, as in Spotter */
.card, .sect-b { box-shadow: var(--sp-shadow); }

/* Spotter's pill buttons with a soft sage glow */
.btn { border-radius: 999px; font-weight: 700; }
.btn.primary { box-shadow: 0 6px 16px rgba(76, 169, 139, .28); }
.btn.sm { border-radius: 999px; }

:root[data-theme="light"] #tabbar { background: rgba(251, 250, 247, .94); }