/* 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 */
  --bg: #f4f5f6; --bg2: #e8eaed; --card: #fff; --ink: #14161a; --soft: #4a4f58; --mute: #5a606b; --line: #d3d6db;
  /* safety orange: a field or a button with ink on it; --acc-ink is the same orange dark enough for text on the ground */
  --acc: #e8590c; --on-acc: #14161a; --acc-ink: #b8440a;
  --ok: #1f7a45; --soft-acc: #fbe3d5;
  --dark: #0b0b0c; --on-dark: #e8e8e9; --on-dark2: #a3a5aa;
  --mark-l: #14161a; --mark-r: #4a4f58;
  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace; /* real code only: keys and config. taste-skill-ignore */
}
:root:not([data-theme="light"]) { color-scheme: light dark; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f1013; --bg2: #24272c; --card: #1a1c20; --ink: #ecedef; --soft: #b4b8c0; --mute: #9ba0aa; --line: #2c2f35;
    --on-acc: #0f1013; --acc-ink: #ff7a2e; --ok: #5fcf8e; --soft-acc: #3a2214; --mark-l: #ecedef; --mark-r: #9ba0aa;
  }
}
:root[data-theme="dark"] {
  --bg: #0f1013; --bg2: #24272c; --card: #1a1c20; --ink: #ecedef; --soft: #b4b8c0; --mute: #9ba0aa; --line: #2c2f35;
  --on-acc: #0f1013; --acc-ink: #ff7a2e; --ok: #5fcf8e; --soft-acc: #3a2214; --mark-l: #ecedef; --mark-r: #9ba0aa;
}

/* 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(--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(--acc); }
.mark .l { fill: var(--mark-l); }
.mark .r { fill: var(--mark-r); }