/* ArcoDataHub design tokens (direction G: Atlas layout, Field boldness). One place for colour, type and spacing. */
:root {
  --ground: #f6f7f1;        /* page */
  --panel: #ffffff;         /* cards, inputs */
  --panel-2: #eef1e6;       /* hover rows, quiet boxes */
  --line: #dfe3d6;          /* hairlines */
  --ink: #1d1e1b;           /* text, rules, dark panels */
  --ink-2: #3d4541;         /* body text on ground */
  --muted: #4a5548;         /* secondary text */
  --on-dark: #f3f4ea;       /* text on ink */
  --on-dark-2: #c6ccbd;     /* secondary on ink */
  --dark-line: #3a463f;
  --lime: #AFCA0B;          /* brand ground, live, primary action */
  --lime-2: #9bb400;        /* lime hover */
  --teal: #005d5c;          /* links, second colour of the headline */
  --teal-2: #003f3e;        /* link hover */
  --teal-bright: #2fb3b1;   /* keystone on dark, code strings */
  --code-bg: #0c100e;
  --ok: #2fb344; --warn: #f59f00; --down: #d63939; --nodata: #e3e7de;
  --font: 'Bricolage Grotesque', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-logo: 'Sora', var(--font);   /* the wordmark only (logo concept 1) */
  --radius: 10px; --radius-lg: 14px; --pill: 999px;
  --bar-h: 56px; --wrap: 1280px; --gutter: 28px;
}