/* Bergence Digital, teal (/digital-teal/), white version. Same idea as digital-blue-ai.css on /:
   a white page with teal as the accent, deep teal only for type. Light only: 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: #0B3B3C;
  --teal: #17807E;          /* 4.75:1 with white text on it */
  --teal-text: #0F6664;     /* 6.9:1 on white */
  --volt: #17807E;          /* the accent is the teal itself; text on it is white */
  --volt-hover: #0F6664;
  --sage: #F1F7F5;
  --off: #FFFFFF;
  --surface: #FFFFFF;
  --ok: #17807E;

  --teal-wash: #E2F1EE;
  --teal-wash-2: #CDE6E0;
  --tile-a: #D6EBE5; --tile-b: #E4F2EE; --tile-c: #EEF6F3;
  --sk: #E2EBE8;
  --sk-2: #EDF3F1;
  --dim: #A9BAB5;
  --deep-hover: #0E4C4D;
  --shade: 11, 59, 60;
  --focus: #0F6664;
  --grid: rgba(23, 128, 126, 0.075);
  --grid-hot: rgba(23, 128, 126, 0.3);
  --scrn: #FFFFFF;
  --frame: #0B3B3C;

  --ground: #FFFFFF;
  --raised: #FFFFFF;
  --sunken: #F1F7F5;
  --ink: #0B3B3C;
  --muted: #56665F;
  --soft: rgba(11, 59, 60, 0.78);
  --line: rgba(11, 59, 60, 0.11);
  --line-strong: rgba(11, 59, 60, 0.22);
  --on-light: #FFFFFF;

  --syn-key: #0B3B3C; --syn-str: #2F7D32; --syn-num: #A15C00; --syn-fn: #0F6664; --syn-tag: #3D6B5C; --syn-pun: #7A8A85; --syn-txt: #1F3A3A;
  --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: #0F6664; }
.mq-row img { filter: none; opacity: 0.6; }
.mq-row .lg-own img { filter: none; }

/* pillar cards: light sage on the white page, teal icons on a wash */
.pl-ic { background: var(--teal-wash); color: var(--teal); }

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

/* pods: a pale sage room with teal phases */
.pods { background: var(--sunken); 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(--raised); 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-teal card */
.re.hero-re { background: var(--teal); border-color: var(--teal); }
.re.hero-re .re-type { color: rgba(255, 255, 255, 0.8); }
.re.hero-re h3, .re.hero-re .re-stat b { color: #FFFFFF; }
.re.hero-re .re-stat { border-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.92); }

/* footer: white */
.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); }