/* ============================================================
   TechFounderCoach — Design Tokens (single source of truth)
   Reference: homepage V2 "Apple Dark" system.
   ONE brand blue, true-black foundation, one gradient partner,
   neutral gray text hierarchy, pill CTA radius, self-hosted type.
   Loaded before each page's inline <style>, so a page's own
   :root can still override where a surface intentionally differs.
   ============================================================ */

:root {
  /* ---- Brand blue: the single accent ---- */
  --blue: #0071e3;          /* Apple's exact blue */
  --blue-hover: #0077ed;
  --blue-2: #34aadc;        /* lighter partner for blue gradients only */
  --blue-glow: rgba(0, 113, 227, 0.28);
  --blue-tint: rgba(0, 113, 227, 0.10);
  --blue-tint-soft: rgba(0, 113, 227, 0.04);

  /* ---- Foundation: true black system ---- */
  --bg: #000000;
  --bg-1: #080808;
  --bg-card: #1c1c1e;
  --bg-card-hover: #252528;
  --bg-elevated: #2c2c2e;

  /* ---- Borders ---- */
  --border: rgba(255, 255, 255, 0.10);
  --border-hover: rgba(255, 255, 255, 0.18);
  --border-accent: rgba(0, 113, 227, 0.25);

  /* ---- Text: neutral gray hierarchy ---- */
  --text: #a1a1a6;
  --text-dim: #6e6e73;
  --text-bright: #f5f5f7;
  --white: #f5f5f7;

  /* ---- Gradients (blue-only) ---- */
  --gradient-main: linear-gradient(135deg, #0071e3, #34aadc);
  --gradient-accent: linear-gradient(135deg, #0071e3, #34aadc);

  /* ---- Radii ---- */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 980px;   /* the pill CTA radius */

  /* ---- Type: self-hosted Inter + JetBrains Mono ---- */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* fluid type scale */
  --text-xs:   clamp(0.75rem, 0.72rem + 0.15vw, 0.8125rem);
  --text-sm:   clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
  --text-base: clamp(0.9375rem, 0.9rem + 0.25vw, 1.0625rem);
  --text-lg:   clamp(1.0625rem, 1rem + 0.4vw, 1.25rem);
  --text-xl:   clamp(1.25rem, 1.1rem + 0.7vw, 1.625rem);
  --text-2xl:  clamp(1.625rem, 1.3rem + 1.4vw, 2.5rem);
  --text-3xl:  clamp(2rem, 1.4rem + 2.6vw, 3.75rem);
  --text-hero: clamp(2.5rem, 1.4rem + 4.6vw, 5.5rem);

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --duration-fast: 180ms;
  --duration-normal: 320ms;
}