/* ============================================================
   Theme — PersonalGym
   Lime "Apple Fitness" family. #B7F700 is reserved for filled
   surfaces on dark/tinted backgrounds; text and links on light
   backgrounds use the deep olive variants (contrast).
   Same token names as the Bacuri theme — drop-in replacement.
   ============================================================ */
:root {
  /* Brand colors */
  --color-accent: #4d7c0f;          /* Deep lime — light-mode safe */
  --color-accent-strong: #52751f;   /* Darker olive-lime — AA on white & #f4f6f9 (small text) */
  --color-accent-soft: rgba(77, 124, 15, 0.12);
  --color-accent-shadow: rgba(77, 124, 15, 0.35);
  --color-accent-shadow-strong: rgba(77, 124, 15, 0.4);
  --color-amber: #9ccf1a;           /* Lime, mid */
  --color-amber-soft: rgba(156, 207, 26, 0.14);
  --color-amber-strong: #5e7a12;
  --color-coral: #b7f700;           /* Lime, signature fill */
  --color-coral-soft: rgba(183, 247, 0, 0.14);
  --color-coral-strong: #4d7c0f;
  --color-blue: #6e9c2a;            /* Lime, deep */
  --color-blue-soft: rgba(110, 156, 42, 0.14);
  --color-blue-strong: #3f5c0a;

  /* Surfaces */
  --color-bg: #f4f6f9;
  --color-header-bg: rgba(244, 246, 249, 0.82);
  --color-surface: #ffffff;
  --color-surface-alt: #f8fafb;
  --color-ink: #0b0d10;             /* Dark band / footer background */
  --color-ink-surface: #16191f;

  /* CTA band glow */
  --color-cta-glow-1: rgba(183, 247, 0, 0.3);
  --color-cta-glow-2: rgba(110, 156, 42, 0.4);

  /* Text */
  --color-text: #0b0d10;
  --color-text-muted: rgba(11, 13, 16, 0.58);
  --color-text-faint: rgba(11, 13, 16, 0.32);
  --color-text-on-accent: #ffffff;
  --color-text-on-ink: #f2f4f7;
  --color-text-on-ink-muted: rgba(235, 237, 243, 0.62);
  --color-text-on-ink-faint: rgba(235, 237, 243, 0.36);

  --stroke: rgba(15, 23, 42, 0.06);
  --shadow-card: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 32px rgba(15, 23, 42, 0.07);
  --shadow-phone: 0 24px 60px rgba(15, 23, 42, 0.18);

  /* Typography */
  --font-display: "Sora", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.0625rem);
  --text-h2: clamp(1.75rem, 1.3rem + 2.2vw, 2.75rem);
  --text-hero: clamp(2.4rem, 1.4rem + 4.6vw, 4.25rem);

  /* Rhythm */
  --space-section: clamp(4.5rem, 3rem + 6vw, 9rem);
  --radius-card: 22px;
  --radius-pill: 999px;
  --container: 1160px;

  /* Motion */
  --duration-fast: 160ms;
  --duration-normal: 360ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}