/* zenprocess.ai design system — login + base for ownerOS.
   Mirrors outputs/design-system/colors_and_type.css (the canonical source of truth).
   Rebrand zenprocess here. Per-client themes live in /tenants/<slug>.css and override
   these tokens inside the workspace. Do not hand-color pages. */

:root, [data-theme="light"] {
  --brand:#16A34A; --brand-dk:#15803D; --brand-tint:rgba(22,163,74,0.10); --accent:#22C55E;
  --primary:#16A34A; /* alias of --brand for compatibility */
  --ok:#16A34A; /* semantic success color, independent of brand */
  --ink:#111827; --ink-2:#374151; --muted:#9CA3AF;
  --bg:#FFFFFF; --panel:#F8F9FA; --card:#FFFFFF; --border:rgba(0,0,0,0.08);
  --rail-bg:#FAF8F4; --canvas:#EFEEE9; /* warm canvas tokens */
  --good:#16A34A; --warn:#B45309;
  --card-shadow:0 1px 2px rgba(0,0,0,0.05);
}

[data-theme="dark"] {
  --ink:#F5F4F0; --ink-2:#978AA1; --muted:#6B5E75;
  --bg:#000510; --panel:rgba(255,255,255,0.05); --card:rgba(255,255,255,0.05);
  --border:rgba(255,255,255,0.10);
  --rail-bg:rgba(255,255,255,0.03); --canvas:rgba(255,255,255,0.02);
  --card-shadow:none;
}

:root {
  --sans:'Be Vietnam Pro',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --radius:8px; --radius-card:12px;
  --glow:0 4px 20px rgba(22,163,74,0.30);
  --shadow-md:0 4px 20px rgba(0,0,0,0.08);
  --tenant-logo:none;   /* per-client CSS sets this */
}

/* zenprocess.ai lockup — login + zenprocess pages only.
   Wordmark color = var(--ink) => black on light, near-white on dark (theme-aware). */
.zp-brand{display:inline-flex;align-items:center;gap:10px}
.zp-logo{width:32px;height:32px;flex-shrink:0;display:inline-block;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128' fill='none'%3E%3Ccircle cx='64' cy='64' r='50' stroke='%235045E9' stroke-width='11'/%3E%3Ccircle cx='64' cy='64' r='27' stroke='%2304B45A' stroke-width='10'/%3E%3C/svg%3E") center / contain no-repeat}
.zp-wordmark{font-family:var(--sans);font-weight:700;font-size:20px;letter-spacing:-0.01em;color:var(--ink);text-transform:lowercase}
.powered-by{font-size:11px;color:var(--muted);font-family:var(--sans)}