/* ══ Overcall platform primitives — the ONE source of truth for card surfaces. ══
   Linked by landing.html, docs.html and the app (web/index.html).
   Change card background / border values HERE and every surface follows. */
:root{
  --oc-card-bg:color-mix(in srgb,#111c17 61.5%,transparent);            /* card surface (dark): 10% - a whisper of a panel over the fog */
  --oc-card-bg-strong:color-mix(in srgb,#111c17 61.5%,transparent);     /* enclosed card/panel surface (dark): 40% - landing + docs bordered panels */
  --oc-line:rgba(255,255,255,.09);   /* hairline border */
  --oc-line-2:rgba(255,255,255,.16); /* strong border */
}
html[data-theme="light"]{
  --oc-card-bg:color-mix(in srgb,#ffffff 61.5%,transparent);
  --oc-card-bg-strong:color-mix(in srgb,#ffffff 61.5%,transparent);
  --oc-line:rgba(14,32,26,.13);
  --oc-line-2:rgba(14,32,26,.22);
}
/* canonical card — use this class for any NEW carded surface anywhere on the platform */
.oc-card{background:var(--oc-card-bg);border:1px solid var(--oc-line);border-radius:13px}