/* v2 design tokens, the :root of brand.css of the landing pages. Loaded first by the v2 shell (views/common/v2/shell)
   and by the Shards pages that show the v2 header (common/bodies/shards), so the header reads the same values under
   Bootstrap. Custom properties only, nothing here styles an element */

/* =====================================================================
   You Exec ecosystem — shared design system (v3)
   SHARP BLUE: the original #006EDB primary, carried on top of every layout,
   motion and content change made during the purple experiment.
   Palette is strictly the logo palette + neutrals.
   Buttons: BLUE = free / sign-up. YELLOW (orange) = You Exec Pro.
   No shadows on buttons; one 1px border width everywhere.
   ===================================================================== */
:root{
  --font-body:"Inter",-apple-system,system-ui,"Segoe UI",Roboto,sans-serif;
  --font-head:"Manrope",var(--font-body);

  /* Brand (from logos) */
  --blue:#006EDB;
  --blue-dark:#005BB8;
  --sky:#68A9DD;
  --orange:#FFA000;
  --orange-dark:#E08C00;

  /* Tints — brand colors mixed with white only */
  --blue-10:#E6F1FC;
  --blue-20:#CCE2F8;
  --sky-10:#F0F6FC;
  --sky-20:#E1EEF8;
  --orange-10:#FFF4E0;
  --orange-20:#FFE9BF;

  /* Neutrals (youexec.com) */
  --ink:#121212;
  --ink-2:#505050;
  --muted:#929292;
  --border:#E2E2E5;
  --border-2:#DDDBDD;
  --bg:#FFFFFF;
  --bg-soft:#F5F5F7;
  --bg-light:#F9FAFB;

  --r-sm:14px; --r:22px; --r-lg:30px; --pill:100px;
  --container:1200px;   /* was 1140 originally, then 1600; back to a tight centred column */
  --gutter:clamp(16px,2.2vw,48px);
  --section-y:104px;
  --nav-h:76px;
  /* Shadows: only three, all soft. Never on buttons. */
  --shadow-sm:0 1px 3px rgba(18,18,18,.06);
  --shadow:0 18px 44px -28px rgba(18,18,18,.25);
  --lift:0 10px 26px -18px rgba(18,18,18,.2);
  --hairline:inset 0 0 0 1px var(--border);
  --ease:cubic-bezier(.2,.7,.2,1);
  --spring:cubic-bezier(.34,1.32,.5,1);
}