/* Berger BI v2 — base. The shared system every section builds on (see prototypes/research/v2-brief.md).
   Only page-wide rules live here; section styling belongs to the section groups' own files. */

:root {
  --v2-ink: #0B1626;
  --v2-navy: #1F4570;
  --v2-muted: #4A5A70;
  --v2-soft: #8493A8;
  --v2-bg: #EEF1F5;
  --v2-bg-2: #E6EBF1;
  --v2-surface: #FFFFFF;
  --v2-surface-2: #F7F9FB;
  --v2-line: rgba(11, 22, 38, .08);
  --v2-line-2: rgba(11, 22, 38, .14);
  /* radius: exactly three levels (see system.css "shape") */
  --v2-r-pill: 999px;         /* buttons, tabs, chips, inputs, the language switch, the navbar shell, floating buttons */
  --v2-r-card: 24px;          /* cards, panels, frames: scheduler, dashboard frame, quote card, pillar lists, diagram board */
  --v2-r-inner: 16px;         /* anything inside a card: nested tiles, day cells, the inspect card, small panels */
  --v2-r-ctl: var(--v2-r-pill);   /* legacy name, = pill */
  --v2-shadow: 0 1px 2px rgba(11, 22, 38, .04), 0 12px 32px -18px rgba(11, 22, 38, .18);
  --v2-h2: clamp(30px, 3.1vw, 44px);
  --v2-sec-y: 112px;
  --v2-ease: cubic-bezier(0.23, 1, 0.32, 1);
  --v2-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;

  /* page system (see system.css) */
  --v2-wrap: 1140px;          /* container incl. gutters: every section's content runs on the same two edges */
  --v2-gutter: 32px;
  --v2-lead: 18px;            /* type scale: 12 (Latin mono labels only) · 13 (Hebrew labels, the floor) · 14 (meta, UI) */
  --v2-body: 16px;            /*             16 (body) · 18 (lead / subtitles, row titles) · 20 (pull lines) · h2 token */
  --v2-btn-h: 44px;           /* one button height (48 on phones); tool buttons inside frames use 36 (44 on phones) */
  --v2-btn-h-sm: 36px;
  --v2-fab: 44px;             /* floating buttons */
  --v2-fab-edge: 20px;
  --v2-fab-gap: 10px;
  --v2-shadow-float: 0 1px 2px rgba(11, 22, 38, .08), 0 8px 20px -8px rgba(11, 22, 38, .28);
}
@media (max-width: 639px) {
  :root { --v2-sec-y: 72px; --v2-gutter: 20px; --v2-btn-h: 48px; --v2-btn-h-sm: 44px; --v2-fab-edge: 16px; }
}

/* one heading scale for every section title (dark cards keep their white colour; navy titles become ink) */
#dc-root section h2 { font-size: var(--v2-h2) !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: -.012em !important; padding-bottom: .14em; }
#dc-root section h2[style*="color: rgb(31, 69, 112)"] { color: var(--v2-ink) !important; }

/* page ambience: the old fixed layer (drifting blobs, rings, a viewport-wide dot grid) stays off. Its replacement is
   static and lives in system.css ("ground + light"): one directional light, soft band edges, and, per variant, a
   blueprint dot grid and a print grain */
#bbi-root > div[style*="position: fixed"][style*="pointer-events: none"][style*="z-index: 0"] { display: none !important; }

/* numbers never flip in RTL and line up in columns */
#dc-root [data-num] { direction: ltr; unicode-bidi: isolate; font-variant-numeric: tabular-nums lining-nums; }