/*
 * src/common/styles/brand-tokens.css
 * Operational Warmth boundary-crossing tokens.
 * Locked by /frontend-design 2026-05-05 (Phase 14, D-08).
 *
 * Scope: this file is the ONLY CSS surface that crosses from the React admin
 * design system into the Etch tenant portal (/customer-portal/*) and email
 * templates. It MUST NOT import (via CSS import rules) any other stylesheet — duplication of these
 * 3 vars in globals.css is intentional (see 14-CONTEXT.md D-08 + Pitfall 5).
 *
 * Adding admin-only tokens here is a BLOCK-level violation per UI-SPEC §
 * Brand Boundary. Touch only the 3 vars below.
 *
 * ─────────────────────────────────────────────────────────────────────────────
 * DELIBERATELY NOT RE-LOCKED TO THE .pen PALETTE (2026-08-17) — READ THIS FIRST
 *
 * globals.css now defines --ezc-brand-primary as the .pen lime #8CC63F for the
 * admin SPA. This file still defines it as the 2026-05-05 forest green. That is a
 * knowing divergence, not an oversight:
 *
 *   - CLAUDE.md Hard Rule 6 puts /customer-portal/* (Etch) and email templates
 *     OUTSIDE the design system. This file is the only surface that crosses, so
 *     editing it changes tenant-facing pages and outbound email branding.
 *   - Those surfaces were never designed against the .pen. The file contains one
 *     portal frame (component-portal-sidebar--YEUPx) and it is out of scope.
 *   - Re-pointing the brand colour for customers and emails is a business
 *     decision with no undo once mail is sent, so it needs sign-off — it is not
 *     a side effect of an admin restyle.
 *
 * CONSEQUENCE, stated plainly: until someone decides, the admin app is lime and
 * the tenant portal + emails are forest green. If the intent is one brand colour
 * everywhere, change the two values below to #8CC63F / #18211B — note the
 * foreground must become INK, not near-white, because white on lime is 2.05:1
 * and fails WCAG AA (see the contrast note in globals.css).
 *
 * The .dark block below has the same status as the one in globals.css: frozen,
 * and in the portal's case still reachable via [data-theme="dark"] from Etch.
 * ─────────────────────────────────────────────────────────────────────────────
 */
:root {
  --ezc-brand-primary: oklch(0.50 0.13 152);
  --ezc-brand-primary-foreground: oklch(0.99 0.005 152);
  --ezc-logo-mark-color: var(--ezc-brand-primary);
}

.dark, [data-theme="dark"] {
  --ezc-brand-primary: oklch(0.72 0.16 152);
  --ezc-brand-primary-foreground: oklch(0.10 0.04 152);
}