/* SPDX-License-Identifier: Apache-2.0 AND LicenseRef-Commons-Clause-1.0 */
/* One Connect website brand: the node canvas as the ground, ink rings with flat fills, one type family.
   Shared by the landing page and the docs (loaded after tokens.css, which it overrides). */
:root {
  /* Recursive: Casual for display, Linear for reading, Mono for code. One family, three voices. */
  --font-display: "Recursive", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;
  --font-sans: "Recursive", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Recursive", ui-monospace, "SF Mono", Menlo, monospace;

  --ink: #13262b;
  --ink-2: #3c5056;
  --ink-3: #5a6b70;
  --paper: #fbf6ec;
  --paper-2: #f4ecdc;
  --card: #fffdf8;
  --hair: rgba(19, 38, 43, 0.14);
  --dot: rgba(19, 38, 43, 0.15);

  /* The mark's inks: aqua hub, sun and coral agents, grape the third. */
  --aqua: #3adcdc;
  --aqua-deep: #006f72;
  --sun: #ffcf53;
  --coral: #fd736d;
  --grape: #a97cf0;
  --lime: #8fd96f;
  --sky: #74bdf5;
  --pink: #f38bc0;

  /* Port colours, as on the app's canvas. */
  --port-agent: #8b7cf6;
  --port-issue: #64748b;
  --port-flow: #94a3b8;
  --port-design: #ec4899;
  --port-skill: #10b981;
  --port-tools: #f59e0b;
  --port-context: #06b6d4;

  --ring: 2.5px;
  --lip: 0 4px 0 var(--ink);
  --spring: cubic-bezier(0.34, 1.4, 0.64, 1);
  --ease: cubic-bezier(0.2, 0, 0, 1);
  --grid: radial-gradient(var(--dot) 1.15px, transparent 1.55px) 0 0 / 24px 24px;
}

.mono, code, kbd, pre { font-variation-settings: "MONO" 1, "CASL" 0.6; }