/* Direction: FitPulse — night-session gym, near-black canvas, electric lime pulse, heavy grotesque display */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  color-scheme: dark;
  --canvas: #0d0f12;
  --surface: #161a1f;
  --surface-2: #1d2228;
  --border: #2a3038;
  --border-strong: #565759;
  --ink: #f4f6f8;
  --muted: #a3acb6;
  --accent: #c6f432;
  --accent-hover: #cff651;
  --accent-ink: #0d0f12;
  --accent-text: #c6f432;
  --accent-strong: #c6f432;
  --accent-soft: #364119;
  --accent-border: #607620;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #0f281b;
  --success-strong: #499c68;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #321e10;
  --warning-strong: #c57a40;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #331214;
  --danger-strong: #d16969;
  --chart-1: #c6f432;
  --chart-2: #24dac6;
  --chart-3: #7ec6fd;
  --chart-4: #ec99fd;
  --chart-5: #fba2a0;
  --chart-6: #f3b113;

  --x-on-photo: #ffffff;
  --x-band: #0a0c0f;
  --font-display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --display-weight: 800;
  --display-tracking: -0.035em;
  --radius-card: 20px;
  --radius-btn: 999px;
  --radius-input: 999px;
  --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: "Inter", system-ui, sans-serif;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="light"] {
  color-scheme: light;
  --canvas: #ffffff;
  --surface: #ffffff;
  --surface-2: #f3f3f3;
  --border: #ddddde;
  --border-strong: #b6b7b8;
  --ink: #0d0f12;
  --muted: #6e6f71;
  --accent: #a7ce2a;
  --accent-hover: #8eaf24;
  --accent-ink: #0d0f12;
  --accent-text: #5e7318;
  --accent-strong: #5e7318;
  --accent-soft: #f3f8e1;
  --accent-border: #d7e99f;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #e3f0e8;
  --success-strong: #137638;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #f6eae1;
  --warning-strong: #a64c08;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #f7e4e4;
  --danger-strong: #b91c1c;
  --chart-1: #809f15;
  --chart-2: #15a292;
  --chart-3: #1880bf;
  --chart-4: #ac7ee6;
  --chart-5: #bc476e;
  --chart-6: #cf7c1c;
}

.pulse-line {
  stroke-dasharray: 1400;
  stroke-dashoffset: 1400;
  animation: pulse-draw 3.2s ease-out 0.2s forwards, pulse-glow 2.4s ease-in-out 3.4s infinite;
}
@keyframes pulse-draw {
  to { stroke-dashoffset: 0; }
}
@keyframes pulse-glow {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.55; }
}
.hero-glow {
  background:
    radial-gradient(60% 50% at 80% 10%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 70%),
    radial-gradient(50% 40% at 0% 100%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 70%);
}
.benefit-num {
  font-family: var(--font-display);
  font-weight: 800;
  letter-spacing: -0.05em;
  -webkit-text-stroke: 1.5px var(--accent-text);
  color: transparent;
}
html.reduced-motion .pulse-line {
  animation: none;
  stroke-dashoffset: 0;
}