/* Bergence Digital, blue (/). Same structure and content as /digital-teal/ (it loads digital-teal.css),
   recoloured in the original digital-blue look: white and a cool off-white with blue, navy only for type.
   Light only, like the original: these plain :root tokens come after digital-teal.css, so they also win
   over its dark-mode block, and the rooms it paints dark (pods, the CRM card, the footer) are light here. */

:root {
  color-scheme: light;

  --deep: #0A1633;
  --teal: #2349F5;
  --teal-text: #1A37C4;     /* 7.6:1 on #F4F6FB */
  --volt: #2349F5;          /* the accent is the blue itself; text on it is white */
  --volt-hover: #1A37C4;
  --sage: #EBEFF7;
  --off: #F4F6FB;
  --surface: #FFFFFF;
  --ok: #148A52;

  --teal-wash: #E9EEFF;
  --teal-wash-2: #DCE4FF;
  --tile-a: #DCE4FF; --tile-b: #E9EEFF; --tile-c: #EEF1FA;
  --sk: #E3E8F3;
  --sk-2: #EDF0F7;
  --dim: #AEB7CC;
  --deep-hover: #1A2A55;
  --shade: 10, 22, 51;
  --focus: #1A37C4;
  --grid: rgba(35, 73, 245, 0.075);
  --grid-hot: rgba(35, 73, 245, 0.32);
  --scrn: #FFFFFF;
  --frame: #0A1633;

  --ground: #F4F6FB;
  --raised: #FFFFFF;
  --sunken: #EBEFF7;
  --ink: #0A1633;
  --muted: #5B6784;
  --soft: rgba(10, 22, 51, 0.74);
  --line: rgba(10, 22, 51, 0.1);
  --line-strong: rgba(10, 22, 51, 0.2);
  --on-light: #FFFFFF;

  --syn-key: #7C3AED; --syn-str: #15803D; --syn-num: #C2410C; --syn-fn: #2349F5; --syn-tag: #BE185D; --syn-pun: #6B7591; --syn-txt: #0A1633;
  --lens: #FFFFFF;
}

/* text on the accent is white */
::selection { color: #FFFFFF; }
.nav .cta, .rb-cta, .btn-volt { color: #FFFFFF; }
.hl { fill: var(--teal-wash-2); }
.bk { fill: #1A37C4; }
.mq-row img { filter: none; opacity: 0.6; }

/* pillar icons: blue on a blue wash */
.pl-ic { background: var(--teal-wash); color: var(--teal); }

/* card button: blue, navy on hover */
.c-go { background: var(--teal); color: #FFFFFF; box-shadow: none; }
.c-go:hover { background: var(--ink); color: #FFFFFF; }

/* pods: a white room with blue phases */
.pods { background: var(--raised); color: var(--ink); border-block: 1px solid var(--line); }
.pods .room-h { color: var(--ink); }
.pods .room-h span { color: var(--teal); }
.pods .room-lede { color: var(--soft); }
.pod-team { background: var(--ground); border-color: var(--line); }
.pod-team li { background: var(--teal); border-color: var(--raised); color: #FFFFFF; }
.pod-team li.ai { background: var(--ink); color: #FFFFFF; }
.pod-team p { color: var(--muted); }
.pod-team b { color: var(--ink); }
.why { border-top-color: var(--line); }
.why h3 { color: var(--ink); }
.why p { color: var(--soft); }
.why svg { stroke: var(--teal); }

/* the sports CRM: the one solid-blue card */
.re.hero-re { background: var(--teal); border-color: var(--teal); }
.re.hero-re .re-type { color: rgba(255, 255, 255, 0.78); }
.re.hero-re h3, .re.hero-re .re-stat b { color: #FFFFFF; }
.re.hero-re .re-stat { border-color: rgba(255, 255, 255, 0.24); color: rgba(255, 255, 255, 0.9); }

/* footer: white, as on the original */
.footer { background: var(--raised); color: var(--muted); border-top: 1px solid var(--line); }
.footer .brand { color: var(--ink); }
.footer .logo small { color: var(--muted); }
.footer nav a:hover { color: var(--teal-text); }

/* partners: two logo cards between the pods and the contact form */
.partners { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 96px); align-items: center; padding: clamp(72px, 8vw, 128px) var(--edge); background: var(--ground); }
.partners .room-h span { color: var(--teal); }
.pt-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.pt { display: flex; flex-direction: column; height: 100%; padding: 32px 28px 24px; background: var(--raised); border: 1px solid var(--line); border-radius: 18px; color: var(--ink); text-decoration: none; transition: border-color 0.2s var(--ease), transform 0.2s var(--ease), box-shadow 0.2s var(--ease); }
.pt:hover { border-color: var(--teal); transform: translateY(-2px); box-shadow: 0 12px 32px -18px rgba(10, 22, 51, 0.35); }
.pt img { display: block; width: auto; height: 44px; max-width: 100%; object-fit: contain; object-position: left center; }
.pt p { margin: 24px 0 0; font-size: 15px; line-height: 1.5; color: var(--muted); }
.pt-url { margin-top: auto; padding-top: 20px; font-size: 14px; font-weight: 600; color: var(--teal); }
@media (max-width: 900px) { .partners { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 560px) { .pt-list { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .pt, .pt:hover { transition: none; transform: none; } }
.partners .room-h { max-width: none; }
.pt img[src$="useaward.svg"] { height: 56px; margin-top: -6px; }