/* Source: univerlab src/styles/global.css ([data-surface='tui'], html[data-surface='tui'] extras, :root essence and type) */

/* canopy — the Auros abyssal terminal: Liquid Abyss canvas, Liquid Kelp
   raised, Liquid Mist body, Silver Mist secondary. */
[data-surface='tui'] {
  --surface-bg: #012624;
  --surface-bg-raise: #003734;
  --surface-ink: #edfffe;
  --surface-ink-dim: #bbc7c6;
  --surface-ink-faint: #9aa8a7;
  --surface-line: rgba(255,255,255,.10);
}

/* Canopy page extras: the recessed well, Platinum display ink, Lavender
   Phosphor for large stats, the Aurora CTA gradient, card/control radii. */
html[data-surface='tui'] {
  --bg-deep: #011d1c;
  --ink-hi: #fff;
  --phosphor: #fde9ff;
  --cta-gradient: linear-gradient(90deg, rgb(203,255,252) 0%, rgb(237,255,254) 26.25%, rgb(255,253,250) 47.57%, rgb(250,209,255) 88.96%);
  --radius-card: 16px;
  --radius-ctl: 6px;
}

/* The dim page ink, read through the surface group like univerlab's
   html[data-surface]:root alias. The plates stroke their chips with it. */
html[data-surface='tui'] {
  --ink-dim: var(--surface-ink-dim, #9a9890);
}

:root {
  /* The page both apps paint: unchanged. */
  --page: #012624;

  /* The stage: what a harness or a graph draws sits on black. */
  --stage-bg: #050505;
  --stage-line: #1f1f1f;
  --stage-ink: #e6e6e6;

  /* The meaning tints: every other block is tinted by what it means.
   * All five colours share the same lightness (7.6 %) and differ only in
   * hue — a teal family plus a complementary red pair — so every tinted
   * block also says what it is in text or an icon; colour is never the
   * only signal. Tinted blocks stroke with --tint-line. */
  --tint-info: #011d26;
  --tint-ok: #012619;
  --tint-warn: #26010e;
  --tint-error: #260103;
  --tint-line: rgba(255,255,255,.08);

  /* The error label ink, on the error tint. */
  --err-label: #ff6b6b;

  /* The warning icon ink: the same red, on the warn tint — the one icon
   * allowed a colour of its own. */
  --warn-icon: #ff6b6b;

  /* The Canopy experiment essence and the honeycomb comb teal. */
  --canopy: #00a9a0;
  --teal: #3fb8b0;

  /* The attention amber: "what this runs" chips and the community warning. */
  --attention: #ffb454;

  /* The lab's three typefaces, self-hosted beside this file (see fonts/). */
  --font-display: 'Old Standard TT', Georgia, serif;
  --font-body: 'EB Garamond', Garamond, Georgia, serif;
  --font-mono: 'Sometype Mono', ui-monospace, Menlo, monospace;
}