/* Embed token layer. Aliases the embed's local --nova-* vocabulary onto the linked DS token values (Logisoft.DesignSystem/css/logisoft.tokens.css), so there is a single source of truth and no orphaned definitions. Two deliberate embed-level overrides: a neutral system-sans/mono font stack (the embed renders inside third-party host sites and should blend, not impose IBM Plex), and a canonical --nova-brand default (DS exposes no --nova-brand; whitelabel tenants still override it inline via EmbedTenantBranding). Linked AFTER logisoft.tokens.css and BEFORE embed.css in App.razor. */ :root { --nova-space-2: var(--nova-space-xs); --nova-space-3: var(--nova-space-sm); --nova-space-4: var(--nova-space-md); --nova-space-5: var(--nova-space-lg); --nova-space-6: var(--nova-space-xl); --nova-radius: var(--nova-radius-md); --nova-ink: var(--nova-text-primary); --nova-ink-muted: var(--nova-text-muted); --nova-divider: var(--nova-border); --nova-shadow-low: var(--nova-shadow-sm); /* Embed blends with host sites: neutral system stacks, no web font. */ --nova-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --nova-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace; /* Canonical (non-whitelabel) brand default. Whitelabel tenants override --nova-brand inline in EmbedTenantBranding.razor (later in ). */ --nova-brand: #146EF4; --nova-brand-foreground: var(--nova-on-accent); --nova-brand-soft: color-mix(in srgb, var(--nova-brand) 18%, transparent); } :root[data-theme="dark"] { --nova-brand: #8ab4f8; }