/* Blog article design tokens — extracted from v3-system.css :root so the
   Content-Hub post template can use blog-post-v3.css variables WITHOUT pulling in
   v3-system's global nav/body/a/img rules (which clobber the site header). */
:root{
  /* Surfaces — white stack + new ice tint for accent backgrounds */
  --bg:        #ffffff;
  --bg-2:      #fafafa;
  --bg-3:      #f4f4f5;
  --bg-4:      #ebebed;

  /* Ink — near-black + grays */
  --ink:       #0a0a0a;
  --ink-2:     #2b2b2d;
  --ink-3:     #6b6b70;
  --ink-4:     #9a9aa0;
  --ink-5:     #c4c4c8;

  /* V15 cobalt system — cobalt is THE action color + supporting blues */
  --accent:    #2b64f5;          /* V15 cobalt */
  --accent-hi: #9fc6ff;          /* light, for use on dark backgrounds */
  --accent-lo: #1f4fd0;          /* deeper, for hover on light */
  --accent-bg: rgba(43, 100, 245, 0.07);
  --accent-bd: rgba(43, 100, 245, 0.22);

  --blue-deep: #16224d;          /* V15 navy */
  --blue-ice:  #eef3ff;          /* almost-white tinted blue (subtle bg) */
  --blue-sky:  #c7d8fe;          /* soft secondary on light */
  --blue-twilight: #1f4fd0;      /* rich cobalt for deep accents */

  /* Dark surface for .sec.dark — V15 dark ground / ink */
  --bg-dark:   #070a12;          /* V15 dark ground */
  --bg-dark-2: #141a2e;          /* V15 ink — cards on dark */

  /* Rules — hairlines for the grid (softer than before) */
  --rule:      #eeeef0;
  --rule-soft: #f5f5f7;
  --rule-hard: #d4d4d8;

  /* Type stacks — V15: Inter for words, JetBrains Mono for numbers */
  --display:   'Inter', system-ui, 'Helvetica Neue', sans-serif;
  --body:      'Inter', system-ui, sans-serif;
  --mono:      'JetBrains Mono', ui-monospace, 'Menlo', monospace;

  /* Layout */
  --maxw: 1440px;
  --gutter: clamp(20px, 3.2vw, 48px);

  /* Motion — Stripe-restrained */
  --ease:      cubic-bezier(.22, 1, .36, 1);
  --t-fast:    .18s;
  --t-base:    .35s;
  --t-slow:    .6s;
}

/* Content-Hub post + preview hero: clean dark background. Drops the blue radial
   wash so no blue banding/line shows behind the title (legacy posts, which load
   v3-system.css instead of this file, are unaffected). */
.bp-hero{
  background:
    radial-gradient(900px 560px at 92% 8%, rgba(22,34,77,0.5), transparent 62%),
    linear-gradient(180deg,#060912 0%,#070a14 55%,#080c18 100%) !important;
}