/* Foreman identity (goal lead-10150253-242): one colour and type system for /foreman, sign-in, /foreman/app and Connect
   your AI. Loaded before home.css / foreman.css; those keep layout only. Spec: docs/FOREMAN-BRAND.md. foreman/asdfghj-1.

   The mark is a cell, drawn like the figures (an isometric block, three flat faces), with its top lit in safety orange:
   on ce-net every tool is a cell, and your Foreman is the one lit for you. The orange is the foreman's own colour, the
   hi-vis of a site boss. One face (Inter), sentence case, 48 px title ceiling (32 px phone). */
:root {
  /* ground, surfaces one tone step apart, ink */
  --pg-bg: var(--ground); --bg2: var(--ground); --card: var(--surface); --pg-ink: var(--ink); --soft: var(--ink-2); --mute: var(--ink-2); --pg-line: var(--well);
  /* safety orange: a field or a button with ink on it; --pg-acc-ink is the same orange dark enough for text on the ground */
  --pg-acc: var(--acc); --on-acc: var(--ink); --pg-acc-ink: var(--acc);
  --pg-ok: var(--live); --soft-acc: var(--well);
  --dark: var(--ink); --on-dark: var(--well); --on-dark2: var(--line-2);
  --mark-l: var(--ink); --mark-r: var(--ink-2);
  --font: var(--sans);
  --pg-mono: var(--mono); /* real code only: keys and config. taste-skill-ignore */
}
:root:not([data-theme="dark"]) { color-scheme: light; }
:root[data-theme="dark"] {
  --pg-bg: var(--surface); --bg2: var(--line-2); --card: var(--well); --pg-ink: var(--ink); --soft: var(--ink-2); --mute: var(--ink-2); --pg-line: var(--line-2);
  --on-acc: var(--surface); --pg-acc-ink: var(--acc); --pg-ok: var(--live); --soft-acc: var(--line-2); --mark-l: var(--ink); --mark-r: var(--ink-2);
}

/* the lockup: mark + wordmark. <a class="lockup"><svg class="mark">…</svg><span>Foreman</span></a> */
.lockup { display: inline-flex; align-items: center; gap: .42em; color: var(--pg-ink); text-decoration: none;
          font: 600 1em/1 var(--font); letter-spacing: -0.03em; }
.mark { width: 1.15em; height: 1.15em; flex: none; display: block; }
.mark .t { fill: var(--pg-acc); }
.mark .l { fill: var(--mark-l); }
.mark .r { fill: var(--mark-r); }